javascript - 检查函数是否启动 javascript

Question

有什么办法可以检查页面上是否已添加此脚本。

function init(){

var script   = document.createElement("script");
script.type  = "text/javascript";
script.text  = 'setTimeout(function(){ alert("test msg") }, 10000);';
document.body.appendChild(script);

}

注意: 我希望您运行一个函数，直到它不再运行为止。

Answer 1

我对标题感到困惑，如果调用该函数，您要求提供解决方案，而在您的消息中，您要求提供解决方案来检查脚本是否已存在于页面上。所以我解决了这两个问题。

1) 了解脚本何时完成加载并开始运行脚本:

function init(callback){
  var script   = document.createElement("script");
  script.type  = "text/javascript";
  script.text  = 'setTimeout(function(){ alert("test msg") }, 10000);';
  script.onload = callback;
  document.body.appendChild(script);
}

init(function(e){
  console.log('script loaded.',e);
});

2) 检查脚本是否已经添加到dom

function init(){
  var script   = document.createElement("script");
  script.type  = "text/javascript";
  script.text  = 'setTimeout(function(){ alert("test msg") }, 10000);';
  var checkExistance = document.scripts.filter(function(v){ return v.isEqualNode(script) });
  var exists = checkExistance.length>0;
  if(!exists) document.body.appendChild(script);
}

3) 如果需要的话可以组合它们...如果脚本已经存在，则不会调用回调，因为文件一旦添加到 DOM 就会开始加载。

function init(callback){
  var script   = document.createElement("script");
  script.type  = "text/javascript";
  script.text  = 'setTimeout(function(){ alert("test msg") }, 10000);';
  script.onload = callback;
  var checkExistance = document.scripts.filter(function(v){ return v.isEqualNode(script) });
  var exists = checkExistance.length>0;
  if(!exists) document.body.appendChild(script);
}

init(function(e){
  console.log('script loaded.',e);
});