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

最新推荐文章于 2024-11-27 09:52:06 发布

原创最新推荐文章于 2024-11-27 09:52:06 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

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

1 篇文章

订阅专栏

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

<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>