这次给大家带来动态加载js文件方法总结，动态加载js文件的注意事项有哪些，下面就是实战案例，一起来看一下。
一、使用document.write/writeln(）方式
该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导致整个页面重绘。
实现方式:
复制代码 代码如下:
document.writeln(<script src=\"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js\"></script>);
需要注意的是特殊字符的转义。
二、使用jquery
使用getscript(url,callback)方法实现动态加载js文件
$.getscript('test.js',function(){  alert('done'); });
三、使用原生js方法
原理：动态创建script标签，并指定script的src属性
function loadjs(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);  }  loadjs(test.js,function(){  alert('done');  });
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
webpack+myproject构建项目时ip无法访问应如何处理
this指向与call、apply使用
webpack vue项目开发环境局域网绑定ip方法
以上就是动态加载js文件方法总结的详细内容。