html5shiv主要解决IE6-8 无法识别HTML5的新标签,父节点不能包裹子元素,以及应用CSS样式
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>
最新文章
- Winform开发框架之客户关系管理系统(CRM)的开发总结系列2-基于框架的开发过程
- jenkins maven svn 部署web项目到本地Tomcat
- [知乎] 刚开始学习 iOS 开发有什么书推荐呢?
- Windows下MemCache多端口安装配置
- HDU 3899 简单树形DP
- JavaScript获取select下拉框中的第一个值
- (一一八)利用block实现链式编程
- python设计模式-观察者
- jenkins远程执行脚本时报Bad version number in .class file
- MongoDB + Express 环境搭建记
- ABP框架系列之四十二:(Object-To-Object-Mapping-对象映射)
- 斯坦福HAI—细数全球18件AI大事记
- 值类型和引用类型的区别,struct和class的区别
- C#中的预处理指令详解
- LeetCode-111.Mininum Depth of Binary Tree
- python flask 小项目
- ★ MYSQL隔离级别 通俗理解 + mysql、oracle默认事务隔离级别
- 学习笔记之Git / Gitflow / TortoiseGit
- Flex学习笔记PopUpMenuButton
- connect设置超时的方法