外部 JavaScript 文件运行两次

Question

我有一个动态加载外部 javascript 文件的用户脚本，并且由于某种原因它运行了两次。

这是加载文件的代码：

var jqScript = document.createElement('script');
jqScript.setAttribute('type', "text/javascript");
jqScript.setAttribute('src', "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js");
(document.body || document.head || document.documentElement).appendChild(jqScript);

var extraScript = document.createElement('script');
extraScript.setAttribute('src', "http://youtube.thegoblin.net/layoutFix/script.js");
document.body.appendChild(extraScript);

以及来自外部文件的代码：

alert(1);

$.get(
"http://www.youtube.com/my_subscriptions",
function(data) {
   var dataSplit = data.split("<ol class=\"vm-vertical-nav\">")[1].split("</ol>")[0].split("<li>");
   var dataString = [];
   for (var i=2;i<dataSplit.length;i++)
   {
       dataString[i - 2] = dataSplit[i].split(">")[1].split("</a")[0];
   }
  alert(dataString);
}
, "text");

当我运行我的代码时，我从外部 .js 文件中收到了两个警报，但我收到了两次。

我做了什么？我怎样才能让它们只被调用一次？

更新：

---

我已经缩小了范围。它正在发生，因为它被附加到页面中 iframe 的正文中。

我怎样才能只将它附加到当前页面而不是 iframe？

Answer 1

我认为正在发生的事情是您执行附加的用户脚本被应用于所有窗口（主窗口和 iframe），而不是您执行附加的代码无意中附加到 iframe 和主窗口。例如，您的附加代码正在为每个 iframe 的主窗口运行和。

有几种方法可以知道您是否在 iframe 中。一种是检查window.frameElement 是否为!null。所以：

if (!window.frameElement) {
    // ...your append code here...
}

According to MDN，几乎可以与任何版本的 IE、任何版本的 Firefox 以及 Chrome 18 或更高版本一起使用。

另一种检查方法是查看window.top != window.self，所以：

if (window.top != window.self) {
    // ...your append code here...
}