动态加载js的几种方法


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



相关阅读:
红帽面临挑战 出路竟是Linux桌面
linux的常识及术语解释
Windows系统自带的盘符名隐藏功能介绍
CSS 动态链接提示
SQL Server 2008 RC0安装过程二
修改工作组用户密码
PHP读MYSQL中文乱码的解决方法
css的好习惯
Windows7技巧:鼠标右键菜单增加复制移动命令
PHP与SQL注入攻击防范小技巧
网络PING包查询
在JSP环境中如何配置和使用fckeditor
使链接具有最大化、最小化的功能代码
CSS实现阴影文字效果" target="_blank">CSS实现阴影文字效果
快速导航

Copyright © 2016 phpStudy |