js "include"其他js / css 文件
t.html<html>
<body>
<label id="sp">aaa</label>
</body>
<script type="text/javascript" src="a.js"></script>
</html>a.js
function $import(path, type){
var i,
base,
src = "a.js", //html中已经加载的js文件,为的是取得base路径
scripts = document.getElementsByTagName("script");
for (i = 0; i < scripts.length; i++) { //遍历html中已经加载的js,取得整个应用加载js的base路径
if (scripts.src.match(src)) {
base = scripts.src.replace(src, "");
break;
}
}
if (type == "css") {
document.write("<" + "link href=\"" + base + path + "\" rel=\"stylesheet\" type=\"text/css\"></" + "link>");
} else {
document.write("<" + "script src=\"" + base + path + "\"></" + "script>");
}
}
$import('b.css', 'css');
$import('b.js', 'js');其中这段可以去掉,import的时候写全路径var i,
base,
src = "a.js", //html中已经加载的js文件,为的是取得base路径
scripts = document.getElementsByTagName("script");
for (i = 0; i < scripts.length; i++) { //遍历html中已经加载的js,取得整个应用加载js的base路径
if (scripts.src.match(src)) {
base = scripts.src.replace(src, "");
break;
}
} 修改结果如下function $import(path, type){
if (type == "css") {
document.write("<" + "link href=\"" + path + "\" rel=\"stylesheet\" type=\"text/css\"></" + "link>");
} else {
document.write("<" + "script src=\"" + path + "\"></" + "script>");
}
}
$import('b.css', 'css');
$import('b.js', 'js');
/*注意2个问题:*1:同时import css和js文件时,应该把css放在前面,好让界面效果先展现出来2:a.js放在t.html的body前,还是body后是有讲究的 */b.jsalert("ok");
b.css#sp {color:blue;}
来源:http://blog.csdn.net/beiji_nanji/article/details/7556907
页:
[1]