事情是这样子的:
有许多类似页面,都有一个<script src='1.js'>.
他们单独显示都没有问题.
可是首页上,是许多单独的页组合起来的,就是wordpress.
这种情况下如何避免重复装入同一个js 文件?
类似于php的require_once.
有许多类似页面,都有一个<script src='1.js'>.
他们单独显示都没有问题.
可是首页上,是许多单独的页组合起来的,就是wordpress.
这种情况下如何避免重复装入同一个js 文件?
类似于php的require_once.
window.onload=function(){
var b=false
var a=document.getElementsByTagName('SCRIPT')
for(var i=0;i<a.length;i++){
if(!b){
b=(a[i].src&&a[i].src=='1.asp')?true:false;
}
else{
if(a[i].src&&a[i].src=='1.asp'){
a[i].parent.removeChild(a[i])
}
}
}
}
var scripts = document.getElementsByTagName("script");
for (var index = 0; index < scripts.length; index++) {
if (scripts[index].src.lastIndexOf(scriptPath) != -1) {
return;
}
}
var scriptTag = document.createElement("script");
scriptTag.type = "text/javascript";
scriptTag.src = scriptPath;
var headTag = document.getElementsByTagName("head")[0];
headTag.appendChild(scriptTag);
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>Insert title here</title>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
requireOnce("js/glUtils.js");
requireOnce("js/glUtils.js");
requireOnce("js/glUtils.js");
requireOnce("js/glUtils.js");
</script>
</head>
<body></body>
</html>试试看