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[i].src.match(src)) {
base = scripts[i].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');/*注意2个问题：
*1：同时import css和js文件时，应该把css放在前面，好让界面效果先展现出来
2：a.js放在t.html的body前，还是body后是有讲究的 */
b.js
alert("ok");
b.css
#sp {color:blue;}
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
