动态加载js文件简单示例

 更新时间:2016年04月21日 11:17:49   作者:zhangw428  
这篇文章主要介绍了动态加载js文件的方法,结合实例形式简单分析了JavaScript动态加载的实现技巧,需要的朋友可以参考下

本文实例讲述了动态加载js文件的方法。分享给大家供大家参考,具体如下:

function loadScript(url){
var hd = document.getElementsByTagName('head')[0],
js = document.createElement('script');
js.src = url;
js.type = "text/JavaScript";
if(js.addEventListener){
js.addEventListener("load", function(){alert('loaded');}, false);
}else if(js.attachEvent){
js.attachEvent("onreadystatechange", function(){
if(js.readyState === "loaded" || js.readyState === "complete"){
alert('loaded');
}
});
}
hd.appendChild(js);
}

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

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

相关文章

  • 关于微信小程序登录的那些事

    关于微信小程序登录的那些事

    这篇文章主要给大家介绍了关于微信小程序登录的那些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • 微信小程序使用setData修改数组中单个对象的方法分析

    微信小程序使用setData修改数组中单个对象的方法分析

    这篇文章主要介绍了微信小程序使用setData修改数组中单个对象的方法,结合具体实例形式分析了setData进行数组修改的相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • JS实现瀑布流效果

    JS实现瀑布流效果

    这篇文章主要为大家详细介绍了JS实现瀑布流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 原生js实现日期联动

    原生js实现日期联动

    日期联动算是一个比较常见的功能了,随便度娘一下,你就能找到N多代码,今天给大家介绍的是个人比较常用,代码很简洁,高效,这里推挤给大家。
    2015-01-01
  • jsonp跨域请求实现示例

    jsonp跨域请求实现示例

    本文主要介绍了jsonp跨域请求实现示例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • JavaScript格式化数字的函数代码

    JavaScript格式化数字的函数代码

    当要格式化的数字为null、空或非数字时,返回的结果。默认为0
    2010-11-11
  • javascript中setTimeout的问题解决方法

    javascript中setTimeout的问题解决方法

    这篇文章主要介绍了javascript中setTimeout的问题以及对应的解决方法,需要的朋友可以参考下
    2014-05-05
  • 浅谈JavaScript之事件绑定

    浅谈JavaScript之事件绑定

    关于 JavaScript 的事件绑定在网上已经有不少相关的资料了,今天这篇文章也是在被同事问及的时候才顺便把它记录下来,算是 JavaScript 事件绑定中的一个小技巧,如果能在工作中善加利用,会有出其不意的效果
    2013-07-07
  • 微信小程序实现YDUI的ScrollNav组件

    微信小程序实现YDUI的ScrollNav组件

    这篇文章主要为大家详细介绍了微信小程序实现YDUI的ScrollNav组件,滚动导航效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • 详解webpack中的hash、chunkhash、contenthash区别

    详解webpack中的hash、chunkhash、contenthash区别

    这篇文章主要介绍了详解webpack中的hash、chunkhash、contenthash区别,详细的介绍了hash、chunkhash、contenthash的用法和区别,有兴趣的可以了解一下
    2018-01-01

最新评论