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

posted @ 2015-09-10 17:18  Amit  阅读(791)  评论(0编辑  收藏  举报