首页 > web前端 > js教程 > 动态加载js的方法汇总_javascript技巧

动态加载js的方法汇总_javascript技巧

WBOY
发布: 2016-05-16 16:14:20
原创
916 人浏览过

本文实例汇总了动态加载js的方法。分享给大家供大家参考。具体如下:

方法一:直接document.write(异步)

复制代码 代码如下:
");

由于这种方式是异步加载,document.write会重写界面,明显不实用
方法二:动态改变已有script的src属性(异步)

复制代码 代码如下:
  

此种方法不会改变界面元素,不重写界面元素,但同样是异步加载
方法三:动态创建script元素(异步)

复制代码 代码如下:
<script><br>     var body= document.getElementsByTagName('BODY').[0];   <br>     var script= document.createElement("script");   <br>     script.type = "text/javascript";   <br>     script.src="xx.js";   <br>     body.appendChild( oScript);   <br> </script>

此办法的优势相对于第二种而言就是不需要最开始就在界面写一个script标签,缺点还是异步加载

方法四:XMLHttpRequest/ActiveXObject加载(异步)

复制代码 代码如下:
/**
* 异步加载js脚本
* @param id   需要设置的
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板