Question

我知道如何使用追加函数将脚本标记添加到正文或头部。但是如果我尝试添加的文件（example.js）不存在，则会出错。如何检测是否发生这种情况？

Answer 1

脚本元素包含您可以收听的加载和错误事件。

在加载事件处理程序中运行您的相关代码，并在错误处理程序

中执行其他操作

加载jQuery的示例：

＆＃13;

var jQurl='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'

var s = document.createElement('script');
s.src = jQurl;
s.onerror = function(err) {
  console.log(err)
}
s.onload = init;

document.head.appendChild(s);

function init(){
  console.log('jquery version=', jQuery.fn.jquery)
  $('body').append('<h3>Loaded!</h3>');

}

＆＃13;

Answer 2

我认为您可以执行以下操作：

  script = document.createElement('script');
  script.type = 'text/javascript';
  script.onerror = () => {
    // Whatever you want to do in case the load fails
  };
  script.src = '...' // your src for the script

  // After this, append the script to wherever you want in the HTML document

希望它有所帮助！

如何使用javascript动态添加脚本标记并检测脚本是否无法加载文件？

2 个答案: