js雜項積累

時間 2019-12-11

原文原文鏈接

主要內容：

一瀏覽器重定向Http請求跨域

重定向第一次請求跨域，仍能夠發送第二次請求
第二次請求服務器端可正常運行，客戶端將沒法接受到數據。
以下是遇到此問題時的一些能夠觀察到的表現：javascript

瀏覽器的開發頁的network標籤頁中，http請求無異常，能在preview中看到結果。
瀏覽器會在console裏報出跨域錯誤。
處理跨域請求結果的js因報錯而終止執行。

二 html select標籤能夠設置屬性multipe，變爲多選

<select multipe id="s" name="s">
  <option value="1">1</option>
  <option value="2">2</option>
</select>

s.onchange = function () {
  console.log(Array.prototype.map.call(this.options, (item) => {
    return return item.value + 'is selected: ' + item.selected
  }).join('\n'))
}

三 document.wirte只應在script標籤的頂層代碼中使用。不能放在函數的定義中，不然原有文檔將被清空。

<script> document.write("寫在頂層，這樣腳本在解析階段就會執行！") // ok document.documentElement.onclick = () => { document.write('點擊了頁面，調用write寫入新內容，原有內容將被清空') } </script>

四 js能夠打開一個新窗口，若是符合同源策略要求，能夠訪問新窗口的window對象。js若是要關閉一個不是經過js打開的窗口，則須要一些特殊的技巧

如下代碼展現瞭如何關閉當前瀏覽頁面：html

const closeWebPage = () => {
  if (navigator.userAgent.indexOf('MSIE') > 0) {
    if (navigator.userAgent.indexOf('MSIE 6.0') > 0) {
      window.opener = null
      window.close()
    } else {
      window.open('', '_top')
      window.top.close()
    }
  } else if (navigator.userAgent.indexOf('Firefox') > 0 || navigator.userAgent.indexOf('Chrome') > 0) {
    window.location.href = 'about:blank'
    window.close()
  } else {
    window.opener = null
    window.open('', '_self')
    window.close()
  }
}

五多個窗口（瀏覽器窗口）和多個iframe窗體之間的原型對象、類都互相獨立

父頁面:java

<body>
  <iframe src="./frame.html" frameborder="0" id="frame"></iframe>
</body>
<script> var p = Object.prototype var o = Object </script>

內嵌頁面frame：web

<body>
  frame content
</body>
<script> var frameP = Object.prototype console.log(frameP) // {constructor: ƒ, __defineGetter__: ƒ, …} var parentP = window.parent.p console.log(parentP) // {constructor: ƒ, __defineGetter__: ƒ, …} console.log(frameP === parentP) // false var frameO = Object console.log(frameO) // ƒ Object() { [native code] } var parentO = window.parent.o console.log(parentO) // ƒ Object() { [native code] } console.log(frameO === parentO) // false </script>