JavaScript 之 动态加载JS代码或JS文件

Posted Now,DayBreak

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 之 动态加载JS代码或JS文件相关的知识,希望对你有一定的参考价值。

 

2、动态加载JS文件

<script type="text/javascript">
function loadScript(url, callback) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  if(typeof(callback) != "undefined"){
     if (script.readyState) {
        script.onreadystatechange = function () {
        if (script.readyState == "loaded" || script.readyState == "complete") {
           script.onreadystatechange = null;
           callback();
        }
    };
  } else {
      script.onload = function () {
        callback();
      };
    }
  }
  script.src = url;
  document.body.appendChild(script);
}
loadScript("jquery-latest.js", function () { //加载,并执行回调函数
  alert($(window).height());
});
//loadScript("jquery-latest.js"); //加载js文件
</script>

 

以上是关于JavaScript 之 动态加载JS代码或JS文件的主要内容,如果未能解决你的问题,请参考以下文章

“高三”笔记之动态JS动态样式

js怎么实现动态progress

jQuery动态加载程序-如果jQ未定义或不存在,则使用纯js javascript加载jQuery

JS复习之JavaScript引入注意事项

jwplayer或任何js文件的动态加载

JS动态添加下拉框跟文本域