溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
什么是HTML中的script標簽？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
最初，網(wǎng)景公司想要在瀏覽器中展示使用js的html文件，但是又不想影響這個文件在其他瀏覽器中的顯示效果，于是創(chuàng)造了 script 標簽
我們都知道標簽可以在里面添加屬性，script標簽有下面的屬性：
<script type="text/javascript">
// 屬性設(shè)置
function SayHi(){
alert("Hi");
}
</script><!-- 注意下面的寫法 /> 這么寫本身沒有問題，但是不能在html中使用這種語法，因為這樣會打亂html的解析 --> <script type="text/javascript" src="2.js"/> // 必須寫成下面的樣子 <script type="text/javascript" src="2.js"></script>
注意：
本來標簽應(yīng)該放在header里面，但是因為放在header中，在加載js的時候，頁面還不會渲染（頁面只有加載到body才會開始渲染），導(dǎo)致頁面出現(xiàn)較長時間的白，所以現(xiàn)在我們放在body的最后
<body> ... <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> </body>
在script中加入defer屬性之后，放到header中理論上也可以達到延遲執(zhí)行的目的，但是由于不同瀏覽器對于defer的支持不同（執(zhí)行順序不確定，內(nèi)嵌的js不支持defer等），最好我們還是按照上面的寫法寫在body的最后。
async屬性也是為了解決腳本異步加載的問題，同樣也是不支持嵌入的js腳本，本來它跟defer的區(qū)別是 defer 按順序加載，async不按順序加載，但是在實際使用中，瀏覽器對于這個屬性的支持也不一樣，兩個屬性都不能保證腳本的順序執(zhí)行以及在DOMContentLoaded之前執(zhí)行，所以在瀏覽器徹底支持之前，最好還是不要用這個屬性了。
當瀏覽器禁用js或者瀏覽器根本不支持js（當然現(xiàn)在這種很少了），需要平穩(wěn)退化，所以需要noscript標簽
它的作用是，當發(fā)生上面提到的情況的時候，顯示noscript中的內(nèi)容，看下面的例子
<html>
<head>
<script src="2.js"></script>
</head>
<body>
<noscript>
<p>本頁面需要瀏覽器支持（啟用）JavaScript</p>
</noscript>
</body>
</html>注意如果瀏覽器啟用了JS，則這個標簽里的內(nèi)容不會顯示。
關(guān)于什么是HTML中的script標簽問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼