js 文件中,如何插入其它 js 、 css 文件
/***********************************************************************
* Title : 包含其它 js 文件。
* Description : 将其它 Js 文件引入本文件中,方便管理、维护。
* Author : Livon
* Date :2010-11-16
************************************************************************/
function include_js(path)
{
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
/***********************************************************************
* Title : 包含其它 css 文件。
* Description : 将其它 css 文件引入本文件中,方便管理、维护。
* Author : Livon
* Date :2010-11-16
************************************************************************/
function include_css(path)
{
var fileref=document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
}
include_js("js/table.js"); // 引入 table.js 文件。Livon 2010-11-16
include_js("js/comment.js"); // 引入 js 文件。Livon 2010-11-21
include_js("js/tag.js"); // 引入 js 文件。Livon 2010-12-05
include_js("js/advancedFilter.js"); // 引入"高级筛选" js 文件。Livon 2011-01-10
include_js("js/keyPress.js"); // 引入"按键处理" js 文件。Livon 2011-01-31
include_js("js/prompt.js"); // 引入"提示" js 文件。Livon 2011-01-31
//include_css("table.css"); // 引入 table.css 文件。
以下代码来自:http://www.jquery001.com/jquery-load-a-css-file.html
使用 jQuery 加载 css 文件
下边是我喜欢的写法:
$("<link>")
.attr({ rel: "stylesheet",
type: "text/css",
href: "site.css"
})
.appendTo("head");
有些朋友可能会使用下边的写法,只是形式有些小差异(append appendTo),原理还是一样的。
$("head").append("<link>");
css = $("head").children(":last");
css.attr({
rel: "stylesheet",
type: "text/css",
href: "/Content/Site.css"
});
最后,有的朋友可能希望直接在 javascript 中使用,方法如下:
function addCSS() {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = '/Content/Site.css';
document.getElementsByTagName("head")[0].appendChild(link);
}
如果是在 web 交互时,我们可以使用上述的方法通过 jQuery 或者 javascript 来引入一个 css 文件,否则还是建议使用原始的方法。

浙公网安备 33010602011771号