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的Body。

我怎样才能将它附加到当前页面而不是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...
}

外部JavaScript文件运行两次

1 个答案: