如何在 IE 中使用 HTML5 元素
作者：blank 来源：怿飞blog 时间：2009-06-14 19:44:00
Sjoerd Visscher 发现了一个简洁的 方法 让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可：
document.createElement(elementName)
同理（对于 IE 来说 HTML5 元素即是未知元素），该方法也可顺延到 HTML5 的元素上（详细见：John Resig 写的 《HTML5 Shiv》 一文）：
<html>
<head>
<style>section { color: red; }</style>
<script>
document.createElement("section")</script>
</head><body>
<section>Hello World!</section>
</body></html>
在 IE 中，为了更方便使用 HTML5 元素，我们可以引入这样的脚本：
(function(){
// from: http://dean.edwards.name/weblog/2007/03/sniff/
if(!/*@cc_on!@*/0) return;
var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video".split(',');
for(var i = 0, len = html5.length; i < len; i++ )
document.createElement(html5[i]);
}
})();
0
投稿猜你喜欢
一文带你熟悉Go语言中函数的使用
Python的索引与切片原来该这样理解
基于mysql乐观锁实现秒杀的示例代码
vim自动补全插件YouCompleteMe(YCM)安装过程解析
基于JS脚本语言的基础语法详解
基于Python函数和变量名解析
Vuex中actions的使用教程详解
如何优化Mysql千万级快速分页
python数字图像处理之基本图形的绘制
mysql优化之慢查询分析+explain命令分析+优化技巧总结
如何查询日期类型的数据？
sql server vs10安装之后一些列问题
vue关于eslint空格缩进等的报错问题及解决
如何实现某些页面只让特定的用户浏览？
IE6，IE7中定位相关的怪异问题
Python中实现ipaddress网络地址的处理
Python PyQt5实战项目之查询器的实现流程详解
Web开发与JavaScript编辑利器——Aptana Studio简介
Python列表list常用内建函数实例小结
SQLMAP插件tamper编写与使用详解
