返回首页
当前位置: 主页 > 网络编程 > Jsp实例教程 >

实现动态加载JS文件程序代码

时间:2011-03-30 11:05来源:知行网www.zhixing123.cn 编辑:麦田守望者

两种方法:

1、通过创建一个Script标签,添加到head中,设置src路径;
2、通过Ajax加载 js 文件,创建Script标签,添加到head中,设置Script的text属性为所加载 的js 文件的内容。

相同之处:都是异步加载 ;
不同之处:一个是设置src路径,一个是通过Ajax加载 内容然后设置text。

相关帖子

方法一:

view plaincopy to clipboardprint?
function include(url){
ele = document.createElement("script");
ele.setAttribute("type", "text/javascript");
ele.setAttribute("src", url);
document.body.appendChild(ele);
}

方法二:

view plaincopy to clipboardprint?
function include(url) {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", url, false);
xmlHttp.send(null);
}
function handleStateChange(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
loadJS();
}
}
}
function loadJS() {
ele = document.createElement("script");
ele.setAttribute("type", "text/javascript");
ele.setAttribute("text", xmlHttp.responseText);
document.getElementsByTagName('head').item(0).appendChild(ele);
}

个人经验,推荐方法二。

------分隔线----------------------------
标签(Tag):Javascript
------分隔线----------------------------
推荐内容
猜你感兴趣