判断<script><link>等标签src 或href内容是否加载完成

最新推荐文章于 2025-06-10 08:29:43 发布

懒虫一个V

最新推荐文章于 2025-06-10 08:29:43 发布

阅读量8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/spy19881201/article/details/38757103

Javascript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种通过监听onload和onreadystatechange事件来判断外部JavaScript文件加载完成的方法，并提供了具体的实现示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个内容很简单只需要判断标签的onload和onreadystatechange事件即可

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
  <title>判断脚本是否加载完成</title>
</head>
<body>

<script type="text/javascript">
  var el = document.createElement('script');
  el.setAttribute('type', 'text/javascript');
  el.setAttribute('src', 'js/tagReadyEvent.js');

  //  el.onload = function (e) {
  //    log('onload Event');
  //  }
  //  el.readystatechange = function (e) {
  //    log('readystatechange');
  //  }


  el.onload = el.readystatechange = function () {
    if (!el.readyState || /loaded|complete/.test(el.readyState)) {

      log(el.readyState);
      console.log('call back?');

      el.onload = el.readystatechange = null;
    }
  }

  function log(str) {
//    document.open();
//    document.write(str);
//    document.close(); //防止一直在旋转

    window.console && console.log(str);
  }

  document.getElementsByTagName('head')[0].appendChild(el);
</script>

</body>
</html>