JS:动态加载JS两种方式!
2013-12-04 10:57
316 查看
第一种方式-直接把JS代码嵌入进页面:
(这里采用的ExtJs的AJax加载方式为例子,也可以换成JQuery的Ajax形式加载,我就不写JQuery的例子了,自己可以去试试!)
第二种方式-引用JS地址进行动态加载并监听远程地址加载完成事件。
有问题的大家可以留言给我,大家共同探讨一下哈!
(这里采用的ExtJs的AJax加载方式为例子,也可以换成JQuery的Ajax形式加载,我就不写JQuery的例子了,自己可以去试试!)
Ext.Ajax.request({ url : 'text.js', success : function(response){ var headTag = document.getElementsByTagName("head")[0]; var scriptTag = document.createElement("script"); scriptTag.type = "text/javascript"; scriptTag.text = response.responseText; headTag.appendChild(scriptTag); }, method : 'GET' });
第二种方式-引用JS地址进行动态加载并监听远程地址加载完成事件。
var headTag = document.getElementsByTagName("head")[0]; var scriptTag = document.createElement("script"); scriptTag.type = "text/javascript"; scriptTag.src = 'test.js'; scriptTag.onload = scriptTag.onreadystatechange = function() { if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') { alert('JS动态加载完成'); } } headTag.appendChild(scriptTag);
有问题的大家可以留言给我,大家共同探讨一下哈!
相关文章推荐
- JS 动态加载js文件和css文件 同步/异步的两种简单方式
- Javascript:动态加载JS两种方式!
- JS 动态加载js文件和css 文件 同步/异步 两种方式
- Unity中资源动态加载的两种方式之AssetsBundle
- js前端实现图片懒加载(lazyload)的两种方式
- 关于 第三方接口支付的时候 采用post提交的方式,有两种 一种是通过 curl来进行,一种是通过js当页面加载完后跳转
- 动态加载css的两种实现思路(js和服务器端)
- Android-动态加载插件化的两种实现方式(二):接口
- js页面加载顺序的两种方式
- JQuery条件下使用 JS方式实现百度地图加载数据库中的坐标并实现动态刷新
- JS方式实现百度地图加载数据库中的坐标并实现动态刷新
- 详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
- Android-动态加载插件化的两种实现方式(一):反射
- 使用Vue.Js结合Jquery Ajax加载数据的两种方式
- Flash动态加载swf文件的两种方式
- Fragment 的两种加载方式 (静态加载,动态加载)
- Qt中使用Quick2动态加载QML组件的两种方式
- Android实现资源动态加载的两种方式
- 动态加载css的两种实现思路(js和服务器端)(downmoon)
- Java中类的显式动态加载的两种方式