动态加载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获取元素到文档区域document的(横向、纵向)坐标的两种方法
May 17 Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 Javascript
写出高效jquery代码的19条指南
Mar 19 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
Aug 11 Javascript
实例详解AngularJS实现无限级联动菜单
Jan 15 Javascript
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
AngularJs+Bootstrap实现漂亮的计算器
Aug 10 Javascript
js数组去重的方法总结
Jan 18 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
Javascript原型链及instanceof原理详解
May 25 Javascript
vue渲染方式render和template的区别
Jun 05 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
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
php curl post 时出现的问题解决
2014/01/30 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
JavaScript入门教程 Cookies
2009/01/31 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
2016/08/18 Javascript
使用JavaScript获取Request中参数的值方法
2016/09/27 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
Django中针对基于类的视图添加csrf_exempt实例代码
2018/02/11 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
python 负数取模运算实例
2020/06/03 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
详解如何使用Pytest进行自动化测试
2021/01/14 Python
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
会计实习生自我鉴定
2013/12/12 职场文书
银行实习鉴定
2013/12/13 职场文书
警察思想汇报
2014/01/04 职场文书
课改先进个人汇报材料
2014/01/26 职场文书
总经理文秘岗位职责
2014/02/03 职场文书
促销活动方案模板
2014/02/24 职场文书
2015年科学教研组工作总结
2015/07/22 职场文书
高中16字霸气押韵班级口号集锦!
2019/06/27 职场文书
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL