动态加载js文件,并在加载成功后执行回调函数
2017-05-05 18:19
447 查看
有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中保存了json数据之类的)。要实现这样的功能,可以使用
<script>元素的
load事件(IE9+、chrome、FireFox等)和
onreadystatechange事件(IE8以下),直接上代码:
function loadScript(src, callback) { var script = document.createElement('script'), head = document.getElementsByTagName('head')[0]; script.type = 'text/javascript'; script.charset = 'UTF-8'; script.src = src; if (script.addEventListener) { script.addEventListener('load', function () { callback(); }, false); } else if (script.attachEvent) { script.attachEvent('onreadystatechange', function () { var target = window.event.srcElement; if (target.readyState == 'loaded') { callback(); } }); } head.appendChild(script); }
loadScript('http://cdn.staticfile.org/jquery/1.6.2/jquery.min.js',function(){ console.log('onload'); });
相关文章推荐
- js代码动态加载js文件,并在加载成功后执行回调函数
- 原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
- 动态加载JS文件,完美解决跨域、编码、嵌套、队列、兼容性、执行顺序等相关问题。
- js中动态加载js并且判断加载完成执行回调函数
- 补充《动态加载外部.js文件时候,javascript的执行顺序问题》
- JavaScript 的性能优化:加载和执行(以及动态引入的外部 JS 文件在各浏览器中的加载顺序不一致)
- 动态加载js文件并且执行回调方法
- 动态加载外部.js文件时候,javascript的执行顺序问题
- 动态加载JS,并执行回调函数
- 动态加载EXE文件到内存执行(测试可以编译成功)
- 动态加载js,并执行回调函数
- 动态加载JS文件并执行
- 动态加载JS文件并执行
- 使用JS动态在页面加载CSS文件
- 动态加载js文件 document.createElement
- 向页面动态加载JS文件的的一个小技巧
- 动态加载、移除、替换js/css文件
- 用javascript动态加载不同css/js文件
- 动态加载JS文件
- 解决_动态加载JS文件_调用时出错