动态加载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 相关文章推荐
理解Javascript_01_理解内存分配原理分析
Oct 11 Javascript
基于JQuery制作的产品广告效果
Dec 08 Javascript
javascript中如何处理引号编码&amp;#034;
Aug 15 Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
Javascript中数组sort和reverse用法分析
Dec 30 Javascript
jQuery简单实现提交数据出现loading进度条的方法
Mar 29 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
Apr 11 Javascript
封装 axios+promise通用请求函数操作
Aug 11 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 空格,换行,跳格使用说明
2009/12/18 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
基于Jquery制作的幻灯片图集效果打包下载
2011/02/12 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
2015/12/26 Javascript
Es6 Generator函数详细解析
2018/02/24 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
Python中设置变量访问权限的方法
2015/04/27 Python
Python fileinput模块使用实例
2015/06/03 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python enumerate索引迭代代码解析
2018/01/19 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
征婚广告词
2014/03/17 职场文书
法人授权委托书样本
2014/09/19 职场文书
综治工作汇报材料
2014/10/27 职场文书
死亡赔偿协议书
2015/01/28 职场文书
见习期个人总结
2015/03/05 职场文书
医院见习总结
2015/06/24 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
Mysql基础知识点汇总
2021/05/26 MySQL