为什么我会在脚本标记上添加ID？

Question

我注意到一些Web开发人员在脚本标签上放置了ID。例如：

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

我知道根据W3C这是完全合法的标记，但这样做有什么好处？

Answer 1

我见过的一个用途是，如果您想为客户提供小部件，并指示他们将<script>标记放在他们希望小部件显示的位置。如果您为<script>元素提供ID，那么您可以在其中引用它以将代码放在正确的位置。当然，这并不是说它是唯一实现这一目标的方式，但我已经看到它完成了suggested it in the past。

Answer 2

我已经看到它用于Microtemplating，你可以将模板放在脚本标签中，然后通过ID引用它。

Here's great post with javascript microtemplating by John Resig - 请注意，这不是实现这一目标的唯一途径，只有约翰的版本。

Answer 3

好处是您可以使用全局变量ORIGIN DEST ROUTE PASS SFO BOS SFO-BOS 100 BOS SFO BOS-SFO 50 LAX BOS LAX-BOS 20 BOS LAX BOS-LAX 40 或id="foo"来引用带有window.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]