动态加载js的方法汇总_javascript技巧
程序员文章站
2022-06-03 10:37:33
...
本文实例汇总了动态加载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程序设计有所帮助。
上一篇: 简单的转盘抽奖--CSS动画优化_html/css_WEB-ITnose
下一篇: PHP Fatal error: Call to undefined function pcntl_fork()
推荐阅读
-
使用jquery动态加载js文件的方法教程
-
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
-
javascript显示动态时间的方法汇总
-
使用jQuery动态加载js脚本文件的方法
-
利用js将ajax获取到的后台数据动态加载至网页中的方法
-
jQuery实现动态加载(按需加载)javascript文件的方法分析
-
JavaScript开发中动态加载jquery库的方法
-
使用jquery动态加载js文件的方法教程
-
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧