欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-19 16:32:19
...
本文实例汇总了动态加载js的方法。分享给大家供大家参考。具体如下:

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

复制代码 代码如下:

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

复制代码 代码如下:

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

复制代码 代码如下:

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

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

复制代码 代码如下:
/**
* 异步加载js脚本
* @param id 需要设置的

open里面设置为false就是同步加载了,同步加载不需要设置onreadystatechange事件

这四种方法都是异步执行的,也就是说,在加载这些脚本的同时,主页面的脚本继续运行。

方法五:XMLHttpRequest/ActiveXObject加载(同步)

复制代码 代码如下:
/**
* 同步加载js脚本
* @param id 需要设置的

希望本文所述对大家的javascript程序设计有所帮助。