为什么要在脚本标签上放置 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]