动态加载css的实现思路
来源:互联网 发布:卷积神经网络 python 编辑:程序博客网 时间:2024/06/01 10:51
动态加载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"属性,使其变成服务器控件
view plaincopy to clipboardprint?
<link id="myPageCssPath" runat="server" rel="stylesheet" type="text/css" />
<link id="myPageCssPath" runat="server" rel="stylesheet" type="text/css" />
后台代码:
view plaincopy to clipboardprint?
protected HtmlGenericControl myPageCssPath;
myPageCssPath.Attributes["href"] = ".";
protected HtmlGenericControl myPageCssPath;
myPageCssPath.Attributes["href"] = ".";
助人等于自助!
- 动态加载css的实现思路
- 动态加载css的两种实现思路(js和服务器端)(downmoon)
- 动态css的一种思路[非原创]
- 动态的加载css,js
- 变态的网页加载进度条实现思路
- 实现动态验证码的思路
- 动态图制作的简便思路实现
- 动态加载CSS的三种方法
- 动态加载CSS文件
- JS动态加载CSS
- 动态加载css js
- 动态加载css,js
- CSS文件动态加载
- CSS文件动态加载
- JQuery 动态加载CSS
- ListView实现带底部加载框的实现思路
- 通过使页面动态加载不同CSS实现多界面
- 通过使页面动态加载不同CSS实现多界面
- WF4.0 Beta1之旅(1):基本介绍
- JAVA最佳学习路径
- kylix交叉编译工具---CrossKylix
- 设置滚动条样式的代码为什么不起作用?
- JavaScript 深度克隆 JSON 对象
- 动态加载css的实现思路
- Hibernate的映射类型
- 描叙符
- 解决错误"不能添加其键已在使用中的实体"
- 使用Forms Authentication 身份验证 之 Basic Knowledge
- java.util.Random学习
- 用批处理写的:数据库备份还原工具
- C语言函数练习2
- google 的cookies