手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么判断js脚本加载是否完成

时间:2024-10-16 22:32:41

1、第一种,同步加载可以通过 window.onload、$(document).ready(酆璁冻嘌function (像粜杵泳) {})来判断,由于浏览器在加载html文件的时候,只要没有指定 script标签的 async属性,那么就是同步加载,必须等待文件加载结束,才加载下一个文件。window.onload的函数是在HTML 文档加载完毕后触发的,包括DOM元素和其他页面元素(例如图片)的加载。

2、第二种,异步加载可以通过document.readyState的状态来判断。readyState 属性返回当前文档的状态。  该属性返回以下值:uninitialized - 还未开始载入loading - 载入中interactive - 已加载,文档与用户可以开始交互complete - 载入完成 (loaded)

3、通过 loadScript函数来加载相应的 js脚本:酆璁冻嘌function loadScript(url,call芟鲠阻缒back){  var script=document.createElement('script');    script.type='text/javascript';    script.async='async';    script.src=url;    document.body.appendChild(script);    if(script.readyState){ //IE      script.onreadystatechange=function(){        if(script.readyState=='complete'||script.readyState=='loaded'){          script.onreadystatechange=null;          callback();        }      }    }else{ //非IE      script.onload=function(){callback();}    }}

© 手抄报圈