javascript切换页面样式_H5之家 - 中国HTML5教程资源分享第一站

JS技术

javascript切换页面样式

字号+ 作者：来源： 2014-11-17 20:00 我要评论( )

javascript切换页面样式,阅读javascript切换页面样式,html head title/title meta name=

<html>

<head>

   <title></title>

   <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">

   <link href="stylesheet1.css" type="text/css" rel="stylesheet" id="mycss">

   <script language="javascript">

   var turnback=false;

   function setCSS()

   {

    mycss.styleSheet.cssText="";

    mycss.styleSheet.addImport(turnback?"stylesheet1.css":"stylesheet2.css");

    turnback=!turnback;

   }

   </script>

</head>

<body>

StyleSheet1.CSS样式代码：

BODY

{

background-color: Black;

}

StyleSheet2.CSS样式代码：

BODY

{

background-color: maroon;

}

   <button onclick="setCSS()" type="button">切换背景颜色</button>

</body>

</html>