javascript - 通过 jQuery 添加的脚本标签在 FireBug 中不可见

Question

我正在添加 <script type="text/javascript" src="http://somedomain/somescript.js">通过 jQuery 到文档头。这是我使用的代码:

$(document).ready(function () {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = (document.location.protocol == "https:" ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
    $("head").append(s);
});

虽然脚本似乎运行良好，但当我使用 FireBug 检查文档头部时，我没有在头部看到脚本。此代码段也不显示添加的脚本:

$('script[src]').each(function(){
    console.log(this.src);
});

这是正常现象还是我做错了什么？令我困扰的是，我在 head 部分看到其他脚本是惰性/动态加载的，但不是我添加的脚本。还想知道是否可以在文档就绪函数中加载操作 DOM 的脚本。

更新

替换代码来自:

$("head").append(s);

到

document.getElementsByTagName("head")[0].appendChild(s);

解决了这个问题。生成的 DOM 在 FireBug 中正确显示，并且 jQuery 正确返回静态/动态添加的脚本标签。

Answer 1

您将在 NET 选项卡中看到对脚本发出的请求，但在检查 DOM 时将看不到 script 标记。这看起来像一个 bug在 FireBug 中。