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 文件,否则还是建议使用原始的方法。