如何判断调用的外部JS文件加载完成？

Posted 2023-04-27

JS如何判断调用的外部JS文件是否加载完成？

参考技术A script onload事件就可以了，但是ie6不支持啊，ie6是用readystate来判断是否加载完毕了~！如果浏览器支持readystate，那么就监听onreadystatechange事件就行了，在onreadystatechange在中判断readystate是否complete或者loaded就知道script加载完毕了~！ 参考技术B 由于html是解释型语言，一般的DOM构建顺序是这样子的：（html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件 → 执行外部脚本 → body → div → script → 加载脚本 → 解析脚本 → 执行脚本 → img → script → 加载脚本 → 解析脚本 → 执行脚本 → 加载外部图像文件 → 页面初始化完毕）

希望对你有帮助，不清楚可以搜索DOM渲染顺序之类的关键字。

外部引入的js 判断js脚本加载是否完成，完成后执行 相应的动作(以引入百度地图js为例)

可以使用JQuery的 $.getScript(url,function(){});方法

$.getScript("http://api.map.baidu.com/getscript?v=1.1&ak=&services=true&t=",function(){

　　//获取百度地图js成功后 会执行此方法

　　initMap();

});

 

这个方法等价于

$.ajax({
  url: url,
  dataType: "script",
  success: success
});