动态加载js的几种方法


Posted in Javascript onOctober 23, 2006

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')>

Javascript 相关文章推荐
使用js 设置url参数
Jul 08 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
Aug 27 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
JavaScript 开发工具webstrom使用指南
Dec 09 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
完善的jquery处理机制
Feb 21 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
react 中父组件与子组件双向绑定问题
May 20 Javascript
JS实现字体背景跑马灯
Jan 06 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 #Javascript
对联广告js flash激活
Oct 19 #Javascript
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 #Javascript
菜单效果
Oct 14 #Javascript
Using the TextRange Object
Oct 14 #Javascript
使用TextRange获取输入框中光标的位
Oct 14 #Javascript
JS代码格式化和语法着色V2
Oct 14 #Javascript
You might like
自己动手做一个SQL解释器
2006/10/09 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
探寻PHP脚本不报错的原因
2014/06/12 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
PHP错误机制知识汇总
2016/03/24 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
2010/03/04 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
2016/02/22 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
[52:31]VP vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python generator生成器和yield表达式详解
2019/08/08 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
后勤工作职责
2013/12/22 职场文书
2014年迎新年活动方案
2014/02/19 职场文书
民事诉讼代理词
2015/05/25 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers