CSS优先级:使用脚本添加样式

2017-06-07 14:34:00
admin
原创
331
<html>
	<head>
		<title> demo 
		</title>
		<meta name="Author" content="xugang" />
		<!-- 添加外部CSS 样式 -->
		<link rel="stylesheet" href="styles.css" type="text/css" />
		<!-- 在外部的styles.css文件中,代码如下:
h3 {color:blue;}
-->
		<!-- 使用javascript 创建内部CSS 样式 -->
		<script type="text/javascript">
			<!--
				(function(){
				var agent = window.navigator.userAgent.toLowerCase();
				var is_op = (agent.indexOf("opera") != -1);
				var is_ie = (agent.indexOf("msie") != -1) && document.all && !is_op;
				var is_ch = (agent.indexOf("chrome") != -1);
				var cssStr="h3 {color:green;}";
				var s=document.createElement("style");
				var head=document.getElementsByTagName("head").item(0);
				var link=document.getElementsByTagName("link");
				link=link.item(0);
				if(is_ie)
				{
					if(link)
						head.insertBefore(s,link);
					else
						head.appendChild(s);
					document.styleSheets.item(document.styleSheets.length-1).cssText=cssStr;
				}
				else if(is_ch)
				{
					var t=document.createTextNode();
					t.nodeValue=cssStr;
					s.appendChild(t);
					head.insertBefore(s,link);
				}
				else
				{
					s.innerHTML=cssStr;
					head.insertBefore(s,link);
				}
			}
				)();
			//-->
		</script>
	</head>
	<body>
		<h3>在IE中我是绿色,非IE浏览器下我是蓝色!
		</h3>
	</body>
</html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227