script標簽

script元素

<script>是將javascript插入HTML的主要方法，

script中的8個屬性：

屬性	描述
async	異步執行腳本（只對外部腳本有效），立即下載腳本，不妨礙對頁面的其他操作
charset	使用src屬性指定的代碼字符集，使用極少，瀏覽器一般不在乎它的值
crossorigin	配置跨域資源請求設定，默認不使用 CORS，crossorigin=“anonymous” 組態檔請求不必設定憑據標志， crossorigin=“use-credentials” 設定憑據標志，意味著出站請求會包括憑據，
defer	表示檔案決議和顯示完成后再執行腳本是沒有問題的，只對外部腳本檔案才有效，
intergrity	驗證接收到的資源簽名和這個屬性指定的簽名是否匹配，不匹配的話，頁面報錯，并且腳本不執行，這個屬性用于保證內容分發網路不會提供惡意內容，
language	廢棄
src	包含要執行的外部檔案
type	表示代碼塊中的語言型別，這個值始終是text/javascript

script應用

使用script的注意點：

嵌入行內js代碼時，直接將代碼放在<script>標簽內就行

   <script> 
     function sayHi(){
       console.log('hi') 
     } 
   </script>

在使用script的時候，要注意代碼中不能出現字串</script>因為瀏覽器在決議行內腳本的時候，會將其決議成結束標簽：

   <script>
      function sayHello(){
         console.log("</script>")
      }
   </script>

如上圖代碼所示，瀏覽器在決議時會將其當成結束標簽來決議，應該用轉義標簽來避免這個問題：

   <script>
     function sayHello(){
       console.log("<\/script>")
     }
   </script>

這樣修改后，代碼就可以被瀏覽器完全決議，并且不會出現錯誤，

要包含外部檔案中的javascript，必須要使用src屬性，這個屬性的值是一個URL，指向包含javascript的檔案，比如：

   <srcipt src="demo.js"></script>

如上就是頁面中加載了一個名為demo.js的外部檔案，如果使用了src屬性，不應該再在<script></script>內使寫其他的javascript代碼了，如果寫了，只能下載執行腳本檔案，忽略行內代碼，

<script src="http://www.lll.com/demo.js"></script>

4.瀏覽器在決議這個資源時，會向src屬性指定的路徑發送一個GET請求，以取得相應的資源，假定是一個javascript檔案，這個初始的請求不受瀏覽器同源策略限制，但回傳并執行的javascript則受限制，這個請求也受父頁面HTTP/HTTPS協議的限制，
5. 在參考別人服務器上邊的js檔案時要小心，因為有些程式員會隨時更換這個檔案，script標簽中的integrity屬性是防范這個問題的武器，但這個屬性不是所有屬性都支持，
6. 在沒有使用defer和async屬性時，script在頁面出現的順序依次解釋它們，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/295661.html

標籤：其他

上一篇：哇哦，彈幕居然是這么弄出來的！一文學會如何用js制作一個彈幕效果

下一篇：Ajax入門