html5shive
html5shiv主要IE6-8解决:
1,HTML5提出的新的元素不被IE6-8识别。
2,这些新元素不能作为父节点包裹子元素,
3,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5shiv,用来处理H5中的新元素不被IE6-IE8识别</title>
<script src="js/domready.js"></script><!--这个必须引入,在搜狗输入法输入domready-->
<style>
#ul{
font-size: 40px;
color: #f00;
}
</style>
<script>/*只要使用该段代码即可解决以上问题*/
/*该函数只在该作用域内执行,不污染window环境*/
(function(){
//IE鲜为人知的条件编译,只有IE会执行其他浏览器不会执行。
// IE浏览器/*@cc_on!@*/ 会读取到条件编译语句中的 ! 号,!!0=false。
// 其他浏览器只能读取到 !0=true
if(!
/*@cc_on!@*/
0) return;
//使用split(",")把该字符串使用逗号分隔成一个数组。
var e="abbr,article,aside,audio,canvase,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(",");
var i=e.length;
while(i--){
document.createElement(e[i]);
}
})();
</script>
</head>
<body>
<article id="ul">
You are my sunshine!
</article>
</body>
</html>