动态加载js的方法汇总_javascript技巧
程序员文章站
2022-04-19 16:32:19
...
本文实例汇总了动态加载js的方法。分享给大家供大家参考。具体如下:
方法一:直接document.write(异步)
复制代码 代码如下:
由于这种方式是异步加载,document.write会重写界面,明显不实用
方法二:动态改变已有script的src属性(异步)
复制代码 代码如下:
此种方法不会改变界面元素,不重写界面元素,但同样是异步加载
方法三:动态创建script元素(异步)
复制代码 代码如下:
此办法的优势相对于第二种而言就是不需要最开始就在界面写一个script标签,缺点还是异步加载
方法四:XMLHttpRequest/ActiveXObject加载(异步)
复制代码 代码如下:
/**
* 异步加载js脚本
* @param id 需要设置的
* 异步加载js脚本
* @param id 需要设置的
open里面设置为false就是同步加载了,同步加载不需要设置onreadystatechange事件
这四种方法都是异步执行的,也就是说,在加载这些脚本的同时,主页面的脚本继续运行。
方法五:XMLHttpRequest/ActiveXObject加载(同步)
复制代码 代码如下:
/**
* 同步加载js脚本
* @param id 需要设置的
* 同步加载js脚本
* @param id 需要设置的
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
JS动态添加与删除select中的Option对象(示例代码)_javascript技巧
-
js使用cookie记录用户名的方法_javascript技巧
-
Visual Studio中js调试的方法图解_javascript技巧
-
js计算任意值之间随机数的方法_javascript技巧
-
js类中获取外部函数名的方法_javascript技巧
-
客户端 使用XML DOM加载json数据的方法_javascript技巧
-
js取float型小数点后两位数的方法_javascript技巧
-
js实现简单选项卡与自动切换效果的方法_javascript技巧
-
JS实现点击链接取消跳转效果的方法_javascript技巧
-
JS中获取数据库中的值的方法_javascript技巧