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