JS的script標簽屬性有哪些

本篇內容介紹了“JS的script標簽屬性有哪些”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

JS script標簽有哪些屬性：

• charset：可選。表示通過src屬性指定的代碼的字符集。由于大多數瀏覽器會忽略它的值因此這個屬性很少有人用。

• defer：可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執行。

• language：已廢棄。原來用于表示編寫代碼使用的腳本語言(如JavaScript、JavaScript1.2或VBScript)。大多數瀏覽器會忽略這個屬性，因此也沒有必要再用了。

• src：可選。表示包含要執行代碼的外部文件。

• type：必需。可以看成是language的替代屬性，表示編寫代碼使用的腳本語言的內容類型(也稱為MIME類型)。雖然text/javascript和text/ecmascript都已經不被推薦使用，但人們一直以來使用的都還是text/javascript。實際上，服務端在傳送JavaScript文件時使用的MIME類型通常是application/x-javascript，但在type中設置這個值卻可能導致腳本被忽略。另外，在非IE瀏覽器中還可以使用以下值：application/javascript和application/ecmascript。考慮到約定成俗和最大限度的瀏覽器兼容性，目前type屬性的值依舊還是text/javascript。

使用script>元素的方式有兩種：直接在頁面中嵌入JavaScript代碼和包含外部JavaScript文件。

　　在使用script>元素嵌入JavaScript代碼時，只須為script>指定type屬性。然后，像下面這樣把JavaScript代碼直接放在元素內部即可：　

　scripttype="text/javascript">

　　functionsayHi(){

　　alert("Hi!");

　　}

　　/script>

　　包含在script>元素內部的JavaScript代碼將被從上至下依次解釋。就拿前面這個例子來說，解釋器會解釋到一個函數的定義，然后將該定義保存在自己的環境當中。在解釋器對script>元素內部的所有代碼求值完畢以前，頁面中的其余內容都不會被瀏覽器加載或顯示。

在使用script>嵌入JavaScript代碼時，記住不要在代碼中的任何地方出現"/script>"字符串。

例如，瀏覽器在加載下面所示的代碼時就會產生一個錯誤：

　　scripttype="text/javascript">

　　functionsayScript(){

　　alert('/script>');

　　}

　　/scrìpt>

　　因為按照解析嵌入式代碼的規則，當瀏覽器遇到字符串"/script>"時，就會認為那是結束的/script>標簽。通過把這個字符串分隔為兩部分可以解決這個問題，

例如：

JSscript>標簽有哪些屬性：　

　functionsayScript(){

　　alert("/scr"+"ipt>");

　　}

像這樣分成兩部分來寫就不會造成瀏覽器的誤解，因而也就不會導致錯誤了。

　　如果要通過script>元素來包含外部JavaScript文件，那么src屬性就是必需的。這個屬性的值是一個指向外部JavaScript文件的鏈接，

例如：

　　scripttype="text/javascript"src="example.js">/script>

　　在這個例子中，外部文件example.js將被加載到當前頁面中。外部文件只須包含通常要放在開始的script>和結束的/script>之間的那些JavaScript代碼即可。與解析嵌入式JavaScript代碼一樣，在解析外部JavaScript文件(包括下裁該文件)時，頁面的處理也會暫時停止。如果是在XHTML文檔中，也可以省略前面示例代碼中結束的/script>標簽，

例如：

　　scripttype="text/javascript"src="example.js"/>

　　但是，不能在HTML文檔使用這種語法。原因是這種語法不符合HTML規范，而且也得不到某些瀏覽器一一尤其是IE一一的正確解析。

　　按照慣例，外部JavaScript文件帶有js擴展名。但這個擴展名不是必需的，因為瀏覽器不會檢查包含JavaScript的文件的擴展名。這樣一來，使用JSP、PHP或其他服務器端語言動態生成JavaScript代碼也就成為了可能。

　　需要注意的是，帶有src屬性的script>元素不應該在script>和/script>標簽之間再包含額外的JavaScript代碼。

　　另外，通過script>元素的src屬性還可以包含來自外部域的JavaScript文件。這一點既使script>元素倍顯強大，又讓它備受爭議。在這一點上，script>與img>元索非常相似，即它的src屬性可以是指向當前HTML頁面所在域之外的某個域中的URL，例如：

　　scripttype="text/javascript"src="http://www.somewhere.com/afile.js">/script>

　　這樣，位于外部域中的代碼也會被加載和解析，就像這些代碼位于加載它們的頁面中一樣。利用這一點就可以在必要時通過不同的域來提供JavaScript文件。不過，在訪問自己不能控制的服務器上的JavaScript文件時則要多加小心。如果不幸遇到了懷有惡意的程序員，那他們隨時都可能替換該文件中的代碼。因此，如果想包含來自不同域的代碼，要么你是那個域的所有者，要么那個域的所有者值得信賴。

　　無論如何包含代碼，瀏覽器都會按照script>元素在頁面中出現的先后順序對它們依次進行解析。換句話說，在第一個script>元素包含的代碼解析完成后，第二個script>包含的代碼才會被解析，然后才是第三個、第四個。

“JS的script標簽屬性有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！