js "include"其他js / css 文件

破晓 · 发表于 2016-3-4 09:22:44

t.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');

复制代码

其中这段可以去掉，import的时候写全路径

复制代码

修改结果如下

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.js