动态加载js的几种方法

 更新时间:2006年10月23日 00:00:00   作者:  
1.直接document.write
<script language=javascript>
document.write(<script src='test.js'><\/script>);
</script>
2.动态改变已有script的src属性
<script src='' id=s1></script>
<script language=javascript>
s1.src=test.js
</script>
3.动态创建script元素
<script>
var s2 = document.createElement(script);
s2.src=test.js
document.body.insertAdjacentElement(BeforeBegin,s2);
</script> 
<head>
<script>
function loadJs(file){
var scriptTag = document.getElementById('loadScript');
var head = document.getElementsByTagName('head').item(0)
if(scriptTag) head.removeChild(scriptTag);
script = document.createElement('script');
script.src = file;
script.type = 'text/javascript';
script.id = 'loadScript';
head.appendChild(script)
}
</script>
</head>
<body onload=loadJs('1.js');loadJs('2.js')>

相关文章

  • BootStrap智能表单实战系列(三)分块表单配置详解

    BootStrap智能表单实战系列(三)分块表单配置详解

    这篇文章主要介绍了BootStrap智能表单实战系列(三)分块表单配置详解的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • javascript实现json页面分页实例代码

    javascript实现json页面分页实例代码

    这篇文章主要介绍了javascript实现json页面分页实例代码,需要的朋友可以参考下
    2014-02-02
  • JS组件系列之Bootstrap table表格组件神器【终结篇】

    JS组件系列之Bootstrap table表格组件神器【终结篇】

    Bootstrap Table是轻量级的和功能丰富的以表格的形式显示的数据,支持单选,复选框,排序,分页,显示/隐藏列,固定标题滚动表,响应式设计,Ajax加载JSON数据,点击排序的列,卡片视图等。本文给大家介绍JS组件系列之Bootstrap table表格组件神器【终结篇】,一起学习吧
    2016-05-05
  • js 剪切、复制、粘贴功能实现

    js 剪切、复制、粘贴功能实现

    Navigator.clipboard API可以用来访问系统剪贴板,可以实现【剪切、复制、粘贴】功能。该 API 被设计用来取代使用 document.execCommand() 的剪贴板访问方式,不兼容 IE
    2023-05-05
  • js 处理URL实用技巧

    js 处理URL实用技巧

    escape()、encodeURI()、encodeURIComponent()三种方法都能对一些影响URL完整性的特殊字符进行过滤。
    2010-11-11
  • js仿微信语音播放实现思路

    js仿微信语音播放实现思路

    这篇文章主要为大家详细介绍了js仿微信语音播放的实现思路,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Js判断CSS文件加载完毕的具体实现

    Js判断CSS文件加载完毕的具体实现

    在多数情况下我们不需要判断css文件是否加载成功了,但有些时间这个功能还是需要的,今天我来整理了兼容各种浏览器的判断CSS文件加载完毕实现方法与各位分享
    2014-01-01
  • 基于JS实现PHP的sprintf函数实例

    基于JS实现PHP的sprintf函数实例

    这篇文章主要介绍了基于JS实现PHP的sprintf函数的方法,可实现JavaScript模拟PHPsprintf函数的输出功能,涉及JavaScript字符串操作的相关技巧,需要的朋友可以参考下
    2015-11-11
  • Layui 设置select下拉框自动选中某项的方法

    Layui 设置select下拉框自动选中某项的方法

    今天小编就为大家分享一篇Layui 设置select下拉框自动选中某项的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 各种页面定时跳转(倒计时跳转)代码总结

    各种页面定时跳转(倒计时跳转)代码总结

    下面对实现页面定时跳转(也称倒计时跳转)做一下总结,以备不时之需,经常使用的朋友可以参考下
    2013-10-10

最新评论