用JS实现一个页面两份样式表
作者：sunritz 来源：蓝色理想 发布时间：2008-07-23 12:37:00
标签：样式,js,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％
0
投稿猜你喜欢
- python 的fnmatch 还真是省心，相比于 java 中的FilenameFilter ，真是好太多了，你完成不需要去实现什么接口。
- 本文实例为大家分享了vue实现轮播图帧率播放的具体代码，供大家参考，具体内容如下需求传入一个数组，数组中放的是目录名称，通过本目录名称，读取
最近要使用python调用C++编译生成的DLL动态链接库，因此学习了一下ctypes库的基本使用。ctypes是一个用于Python的外部- 一、引言Windows Communication Foundation(WCF)是Microsoft为构建面向服务的应用程序而提供的统一编
- 本文实例为大家分享了JavaScript实现点击出现子菜单的具体代码，供大家参考，具体内容如下首先让我们看一下点击出现子菜单的效果如下图：点
- 同MongoDB，Redis这样的NoSQL数据库的复制相比，MySQL复制显得相当复杂！概述首先主服务器把数据变化记录到主日志，然后从服务
- 使用axios固定url请求前缀main.js中添加：使用方法：定义axios默认路径前缀或动态修改前缀如：每个请求url前都要加一个前缀,
- 1.ROOT_URLCONF = '总路由所在路径(比如untitled.urls)'<===默认情况是这样根路由的路
- 项目总体情况软件：Pycharm环境: Python 3.7.9(考虑到客户可能会有不同操作系统，为了兼容性考虑)技术库: requests
- Python中str is not callable问题详解及解决办法问题提出： 在Python的代码，在运行过程中
- 一、需求 + 最终实现注：只是前端实现1. 需求需求来源是因为有一个做嵌入式 C/C++的 * 做了一个远程计算器。 需求是要求支持输入一个四
- 阅读系列教程上一篇：FrontPage2002简明教程二：文字与图像的处理通常网页的布局使用到的是FrontPage 2002中的表格和框架
- python在安装的时候，就自带了很多模块，我们把这些模块称之为标准库，其中，有一个是使用频率比较高的，就是 os 。这个库中方法和属性众多
- 1、汉语分词的由来使用ASP开发的中小企业的网站，对于站内搜索，往往只是简单的通过SQL语句匹配数据库。对于比较短的词语搜索，这个方法是有效
- python map函数map()函数map()是 Python 内置的高阶函数，它接收一个函数 f 和一个 list，并通过把函数 f 依
- 前序1、cookie介绍Cookie是一段不超过4KB的小型文本数据，保存在客户端浏览器中，由一个名称（Name）、一个值（Value）和其
- 前言用python编程绘图，其实非常简单。中学生、大学生、研究生都能通过这10篇教程从入门到精通！快速绘制几种简单的柱状图。1垂直柱图（普通
- 将.py文件转化为.exe文件首先需要第三方库 pyinstaller1.如果没有安装pyinstaller，则在命令提示符输入 pip i
- 1、最简单的调用方式 直接写到html的body标签里面，如： <html> <body onload="fun
- 1．建立Recordset对象Dim objMyRstSet objMyRst=Server.CreateObject(&ldquo
