為什么要在腳本標簽上放置 ID？

Question

我注意到一些 Web 開發人員將 ID 放在腳本標簽上。 例如：

<script id="scripty" src="something.js" type="text/javascript"></script>

我知道根據 W3C，這是完全合法的標記，但這樣做有什么好處？

Answer 1

我見過的一個用途是，如果您想為客戶提供小部件，並指示他們將<script>標簽放在他們希望小部件出現的任何位置。 如果您為<script>元素提供一個 ID，那么您可以在其中引用該 ID 以將代碼放置在正確的位置。 當然，這並不是說這是實現這一目標的唯一方法，但我已經看到它完成並在過去建議它。

Answer 2

我已經看到它用於微模板，您可以在其中將模板放在腳本標記中，然后通過 ID 引用它。

這是 John Resig 撰寫的關於 javascript 微模板的精彩帖子- 請注意，這不是實現這一目標的唯一方法，只是它的 Johns 版本。

Answer 3

好處是，你可以參考的元素與id="foo"使用全局變量window.foo或只是foo ：

Answer 4

通過使用 ID，您可以等待特定的 JS 文件完成加載。 FB這樣做

(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)){ return; }
    js = d.createElement(s); js.id = id;
    js.onload = function(){
        // remote script has loaded
    };
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

facebook-jssdk是他們的唯一標識符。

[https://stackoverflow.com/a/8578840][1]