3

我有一个动态加载外部 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？

4

1 回答 1

2

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

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

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

根据 MDN的说法，这将适用于几乎任何版本的 IE、任何版本的 Firefox 以及 Chrome 18 或更高版本。

另一种检查方法是查看是否window.top!= window.self，因此：

if (window.top != window.self) {
    // ...your append code here...
}
于 2012-12-16T07:55:48.440 回答