Script Onload 整合异步加载外部脚本和行内脚本的首选（单个外部脚步）

最新推荐文章于 2025-05-28 10:49:38 发布

脚下的黑珍珠号

最新推荐文章于 2025-05-28 10:49:38 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：页面访问性能

本文链接：https://blog.youkuaiyun.com/like_jack/article/details/79937152

页面访问性能专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在网页中动态加载外部JavaScript文件的方法，并确保在脚本加载完成后执行特定的初始化函数。通过这种方式，可以有效地管理依赖项并确保页面元素在使用前正确加载。

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

<script>
  function init(){
    // 内部脚步
  }

   var domscript = document.createElement('script');
   domscript.src = 'jquery.min.js';

 domscript.onloadDoe = false;
 domscript.onload = function(){
    domscript.onload = true;
    init();
 }
domscript.onreadystatechange = function(){
    if(('loaded'===domscript.readyState||'complate'===domscript.readyState)&&!Domscript.onloadDone){
        domscript.onloadDone = true;
        init();
    }
}
document.getElementsByTagName('head')[0].appendChild(domscript);
</script>