动态加载css的实现思路,目前想到有两种:
一、js
参考http://blog.csdn.net/qsdnet/archive/2006/12/31/1470891.aspx
主要内容如下:
第一种:一般用在外部CSS文件中加载必须的文件
程序代码
@import url(style.css);
/*只能用在CSS文件中或者style标签中*/
第二种:简单的在页面中加载一个外部CSS文件
程序代码
document.createStyleSheet(cssFile);
第三种:用createElement方法创建CSS的Link标签
程序代码
var head = document.getElementsByTagName('HEAD').item(0);
var style = document.createElement('link');
style.href = 'style.css';
style.rel = 'stylesheet';
style.type = 'text/css';
head.appendChild(style);
这里贴上我以前在项目中使用的几个函数,希望对大家有用!
程序代码
function loadJs(file){
var scriptTag = document.getElementById('loadScript');
var head = document.getElementsByTagName('head').item(0);
if(scriptTag) head.removeChild(scriptTag);
script = document.createElement('script');
script.src = "../js/mi_"+file+".js";
script.type = 'text/javascript';
script.id = 'loadScript';
head.appendChild(script);
}
function loadCss(file){
var cssTag = document.getElementById('loadCss');
var head = document.getElementsByTagName('head').item(0);
if(cssTag) head.removeChild(cssTag);
css = document.createElement('link');
css.href = "../css/mi_"+file+".css";
css.rel = 'stylesheet';
css.type = 'text/css';
css.id = 'loadCss';
head.appendChild(css);
}
二、服务器端实现变量加载
也在两种方法:
(一)直接使用变量
<
head
runat
="server"
>
<
title
></
title
>
<
script
language
="javascript"
src
="<%=url%>/js/jquery.js"
></
script
>
<
script
language
="javascript"
src
="<%=url%>/js/jquery-impromptu.2.7.min.js"
></
script
>
<
link
type
="text/css"
rel
="stylesheet"
href
='<%=url
%
>
/css/css.css'/>
<
link
type
="text/css"
rel
="stylesheet"
href
="<%=newurl%>/css/css.css"
/>
</
head
>
(二)使用link的runat="server"属性,使其变成服务器控件
后台代码:
助人等于自助! 3w@live.cn
分享到:
相关推荐
在IE中调用javascript打开Excel的代码(downmoon原作)
在某种程度上,有了它,我们再也不用为不能全面及时检测众多浏览器和五花八门的js/css不兼容性而痛不欲生了。^-^。 这是一个基于该服务的C#版本的API类库演示程序。 详细请看这里: ...
一个相当独立的....支持 DataGrid 及 Repeater分页使用方法:新建两个解决方案 一为Pager,一为webtest 下载后请将两个解决方案合并一下,即新的解决方案包括两个项目 Pager WebTest 详细介绍看以下链接 ...
获取远程网页的内容之二(downmoon原创)
获取远程网页的内容之一(downmoon原创)
asp.net下获取远程网页的内容之二(downmoon原创)
asp.net中获取远程网页的内容之一(downmoon原创)
由于微软在vs2005 vsts团队开发版中集成了sql 2005 express,而在SQL 2005中又集成了vs2005 Express,,所以当很多用户同时安装vs2005团队开发?...sql 2005企业版(downmoon)时,就会出现数据库连接失败的case
sqlserver 存储过程中的top+变量使用分析(downmoon) ,需要的朋友可以参考下。
在使用vs.php+ sourcesafe管理代码时,发现有时候并不能从vs.net IDE中正确获取phpproj文件下的所有文件。但从sourcesafe IDE下却可以。
讲座内容: Authentication Service是ASP.NET AJAX提供的另一个Application Service,能够让我们以AJAX方式来使用用户...本次课程主要讲述Authentication Service的简单实现细节以及如何扩展Authentication Service。
他有8年左右的 Web应用程序和5年左右的.NET应用程序开发经验,对于ASP.NET企业应用开发与客户端技术(DHTML、JavaScript、AJAX等)有较为深入的理论基础与实践经验。另外,他对于SOA,SaaS,重构以及程序员能力与...
使用这个异步通信层可以方便地发出AJAX请求,而且事实上,整个ASP.NET AJAX的客户端与服务器端的通信都是由它负责的。我们这节课将讲解一下这个异步通信层的使用方式,它可以方便我们做“纯粹”的AJAX应用。
此源码有问题,请下载downmoon提供的修正版!非常抱歉! http://download.csdn.net/source/2434932