动态加载Js方法2+动态加载Css
作者: 李嘉 日期: 2009-07-19 11:12
关于动态加载JS,我们之前有谈到过一个比较好的方法:动态加载Js方法1
现在这里给出第二种方法,本人觉得没有上一个方法好:
/* Impot Common script*/
function addJS(jsfile)
{
var head = document.getElementsByTagName('HEAD').item(0);
var script = document.createElement('SCRIPT');
script.src = jsfile;
script.type = "text/javascript";
head.appendChild(script);
}
function addCSS(cssfile) {
var head = document.getElementsByTagName('HEAD').item(0);
var style = document.createElement('link');
style.href = cssfile;
style.rel = 'stylesheet'
style.type = 'text/css';
head.appendChild(style);
}
/* LoadScripts at here.*/
function LoadScripts()
{
addJS(_ResourcePath+"Scripts/ToolBar.js");
}
function LoadCSS()
{
addCSS(_ResourcePath+"Styles/default.css");
}
以下是比较标准的例子,供参考:
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") //dynamically load and add this .css file
订阅
上一篇
返回
下一篇
标签:

Javascript和JQuery中常用的随机数产生函数(很好用) (2010-09-24 11:14)
苏州团训网(培训团购)首页设计第一版无Logo版本DEMO (2010-09-17 21:38)
由VS.NET 2008不能被安装在C盘以外的其他盘说起:Dotnet开发人员环境搭建顺序经验 (2010-09-07 22:53)
强烈推荐:Javascript最精简右下角弹出广告代码(兼容IE和FF) (2010-06-23 01:51)
C# ASP.NET中如何将Dataset导出为Excel (2010-06-08 23:11)
网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码(支持Firefox&IE) (2010-05-26 11:50)
遭遇IE内核等(遨游)浏览器不能显示JPG(JPEG)图片的问题 (2010-05-08 12:36)
网站变成全黑最简便代码网站变灰代码支持IE&FF(Firefox) (2010-04-21 12:44)
JS添加到收藏夹和设置为首页功能支持Firefox和IE——Add to Favorites (IE) / Bookmark (Firefox) Javascript (2010-04-11 06:19)