js实现单一html页面两套css切换代码
今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果,具体方法如下:
第一步:在连接样式表的元素里定义一个id,例如
复制代码
代码如下:
《link
href=”1.css”
rel=”stylesheet”
type=”text/css”
id=”css”》
我定义的id是css。
第二步:写一个js函数,代码如下:
复制代码
代码如下:
《script
type=”text/javascript”》
function
change(a){
var
css=document.getElementById(“css”);
if
(a==1)
css.setAttribute(“href”,”1.css”);
if
(a==2)
css.setAttribute(“href”,”2.css”);
}
《/script》
这个函数的code可以放在页面的任何地方。
第三步:为改变页面的样式表的连接添加一个函数的触发事件,代码如下:
复制代码
代码如下:
《a
href=”#”
onClick=”change(1)”》1.css《/a》
《a
href=”#”
onClick=”change(2)”》2.css《/a》
该效果在IE和FF下均测试通过,相信大家看完后因该非常明了,利用这个方法我们可以让浏览者自己选择需要显示的样式表,比如年老者可以选择一个字体较大的样式表。这里需要注意的两点是:
在这个例子中函数名function后面的名字不能为links或者link,如果为links或者link,样式表将不被改变,具体什么原因我也不大清楚,可能是javascript的保留字符。
另外如果是改变整个页面的样式,你需要在样式表文件里定义body的高度为100%
方法二:
第一步:导入两套css文件
复制代码
代码如下:
《link
rel=“stylesheet“
type=“text/css“
title=“样式A“
href=“css/people1.css“
/》
《link
rel=“alternate
stylesheet“
type=“text/css“
title=“样式B“
href=“css/people2.css“
/》
第二步:写切换的js函数
复制代码
代码如下:
《script
type=“text/javascript“》
var
title
=
“样式A“;
function
setStyle(){
//只是样式A
和样式B切换
if(title==“样式A“){
title
=
“样式B“;
}else{
title
=
“样式A“;
}
var
i,links;
//用dom方法获取所有link元素
links
=
document.getElementsByTagName(“link“);
//判断每个link元素中是否含有style字符串
,用来判断此link元素为样式表link
,同时判断此link是否包含title属性
for(i=0;
links[i];
i++){
if(links[i].getAttribute(“rel“).indexOf(“style“)
!=
-1
&&
links[i].getAttribute(“title“)){
//把所有link设为disabled
links[i].disabled
=
true;
//再来判断title中是否有指定的title字符串
有则把当前的link设为可视
即激活当前的link
if(links[i].getAttribute(“title“).indexOf(title)
!=
-1){
links[i].disabled
=
false;
//alert(“ok“);
}
}
}
}
《/script》
第三步:在html标签中调用切换的js函数
复制代码
代码如下:
《a
href=“#“
onclick=“setStyle();“
》1《/a》
《a
href=“#“
onclick=“setStyle();“》2《/a》
《a
href=“#“
onclick=“setStyle();“》3《/a》
《a
href=“#“
onclick=“setStyle();“》4《/a》
《a
href=“#“
onclick=“setStyle();“》5《/a》
excel的solver到底是干嘛的
excel 的solver也叫求解器,或规划求解器。另外还有一个分析器。excel在默认的情况下安装了这两种插件,但如果第一次使用还需要激活。激活的方式在2007和2003中是不一样的。下面以2003为例:在“工具”下拉菜单中点击“加载宏”,弹出对话框,在“分析工具库”和“规划求解”前打勾,再确定。然后在“工具”下拉菜单中就能看到“规划求解”,点击弹出“规划求解参数”菜单后,就可以使用了。OK?
character用英语怎么说
character
英 [ˈkærəktə(r)] 美 [ˈkærəktɚ]
n.
性格; 角色; 特点; 字母
vt.
刻,印; 使具有特征
The financial concessions granted to British Aerospace were, he said, of a precarious character.
他说,向英国宇航公司给予财政优惠未获证实。
-js