script標(biāo)簽在HTML中的作用是什么？

1、script標(biāo)簽在html中的作用是什么？htmlscript標(biāo)簽的相關(guān)學(xué)問及作用:關(guān)于script這個常常用法的標(biāo)簽，你了解多少，這個script標(biāo)簽隨著充實，增強了一些html5的東西，比如async和defer，crossorigin，for/event等。正如你可能知道的，script標(biāo)簽是用來指定在網(wǎng)頁上執(zhí)行哪個javascript的。script標(biāo)簽可以挺直包含javascript代碼，或者指向一個javascript外鏈url。script標(biāo)簽根據(jù)它們浮現(xiàn)的挨次被執(zhí)行，下面的代碼很直觀地解釋了這一點：varx=3;alert(x);/willalert&39;3&

2、39;用法外鏈資源時加載次序沒有那么直觀，但依舊是成立的：假如你混合用法外鏈和內(nèi)聯(lián)的javascript，這個規(guī)章同樣適用。這意味著假如你的網(wǎng)站有很慢的腳本在頁面較前部分被加載，你的網(wǎng)頁加載就會被顯著拖慢。這也意味著后加載的腳本可以依靠先加載的腳本。頁面元素在它之前的全部腳本都加載完畢之前是不會執(zhí)行渲染的。這意味著你可以你可以在頁面加載之前在網(wǎng)頁上做各種瘋狂的事情，固然前提是你不在意因此而造成的性能問題。然而這個規(guī)章不適用于你在網(wǎng)頁加載完成之后通過document.appendchild之類的辦法添加script標(biāo)簽到dom中。這些標(biāo)簽會按照掃瞄器哀求處理完成的先后執(zhí)行腳本，不再保證加載挨次。

3、當(dāng)一個script標(biāo)簽被執(zhí)行，在它之前的html元素可以拜訪（但是在它之后的還不能用）/document.headisavailable/document.bodyisnot!/document.headisavailable/document.bodyisavailable你可以想象html解析器一個標(biāo)簽一個標(biāo)簽地拜訪文檔，當(dāng)它解析到script標(biāo)簽時，馬上執(zhí)行其中的javascript。這意味著惟獨當(dāng)開頭標(biāo)簽浮現(xiàn)在當(dāng)前腳本之前的dom節(jié)點才可以在當(dāng)前javascript中被拜訪（通過queryselectorall，jquery等等）。一個實用的推論是document.head在任何寫在網(wǎng)

4、頁上的javascript幾乎總是可用。document.body惟獨當(dāng)你將script標(biāo)簽寫在標(biāo)簽中或者它之后的時候才可用。html5添加了兩個工具來控制腳本的執(zhí)行。async表示不用馬上執(zhí)行它。更詳細(xì)地它表示：我不介意你在囫圇網(wǎng)頁加載完成之后執(zhí)行這個腳本，把它放在其他腳本執(zhí)行之后。這對于統(tǒng)計分析腳原來說十分實用，由于頁面上沒有其他的代碼需要依靠于統(tǒng)計腳本執(zhí)行。定義一個頁面需要的變量或函數(shù)在async的代碼中是不可的，由于你沒有辦法知道什么時候async代碼將會被實際執(zhí)行。defer表示等待頁面解析完成之后執(zhí)行。它大致等價于將你的腳本綁定到domcontentedloaded大事，或者用法j

5、query.ready。當(dāng)這個代碼被執(zhí)行，dom中的一切元素都可用。不同于async，全部加了defer的腳本將會根據(jù)它們浮現(xiàn)在html頁面中的挨次執(zhí)行，它只是推遲到html頁面解析完畢后開頭執(zhí)行。html中script標(biāo)簽中的type屬性的使用:從歷史上看（自netsacpe2出生起），在script標(biāo)簽上是否寫上type=text/javascript沒有什么關(guān)系。假如你通過type設(shè)置一個非javascript的mime類型，掃瞄器不會執(zhí)行它。當(dāng)你想要定義你自己的語言時，這會很酷：makeasocialnetworkbutforcats這段代碼實際執(zhí)行結(jié)果由你自己打算，如：varcode

6、z=document.queryselectorall(&39;scripttype="text/emerald"&39;);for(vari=0;i定義runemeraldcode函數(shù)留給你們作為練習(xí)。假如你有特殊的需要，你也可以重寫頁面上script標(biāo)簽的默認(rèn)type，辦法是通過一個meta標(biāo)簽：或者一個哀求返回一個content-script-typeheader?？梢杂胏rossorigin雖然還沒有徹低被標(biāo)準(zhǔn)化，但是一些掃瞄器支持crossorigin屬性?；镜闹饕馐?，掃瞄器會限制對非同源資源的用法（同源資源是指相同的協(xié)議、hos

7、tname以及端口，例如：:80）。這是為了防止你，例如，向你的競爭對手網(wǎng)站發(fā)哀求，注銷你的用戶在對方網(wǎng)站的賬號（這不好?。?。這個問題牽扯到script標(biāo)簽雖然有點意外，但假如實現(xiàn)了crossorigin，你只要加一個handler到window.onerror大事上，就能在看控制臺上看到一些警告信息，提醒你引入了一個不該引入的外站腳本。在平安的掃瞄器下，除非你指定crossorigin屬性，不然加載外站腳本不會出錯。crossorgin不是一個奇特的平安手段，它所做的只是讓掃瞄器啟用正常的cors拜訪檢查，發(fā)起一個options哀求并檢查access-controlheader。htmlscript標(biāo)簽和innerhtml：通過dom動態(tài)添加到頁面上的script標(biāo)簽會被掃瞄器執(zhí)行：varmyscript=document.createelement(&39;script&39;);myscript.textcontent=&39;alert("?")&39;document.head.appendchild(myscript);通過innerhtml動態(tài)添加到頁面上的script標(biāo)簽則不會被執(zhí)行：document.head.innerhtml+=&39;