让IE9以下版本的浏览器兼容HTML5的方法


Posted in HTML / CSS onMarch 12, 2014

让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。

复制代码
代码如下:

<!–[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>

上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。
这个html5的js文件是作者把他放在Google code project上提供给大家可以直接调用的,当然,如果觉得这样会影响你的网页打开速度,你可以把html5的js文件直接下载下来让后上传到自己的服务器单独调用。
以下是html5的js文件中的代码:
复制代码
代码如下:

(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})()

除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外,你也可以以下面这种方式把代码直接添加到网页中。
复制代码
代码如下:

<!–[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})()
</script>
<![endif]–>
HTML / CSS 相关文章推荐
CSS3悬停效果案例应用
Nov 21 HTML / CSS
CSS3属性background-size使用指南
Dec 09 HTML / CSS
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
Mar 16 HTML / CSS
CSS 3.0文字悬停跳动特效代码
Oct 26 HTML / CSS
css3中flex布局宽度不生效的解决
Dec 09 HTML / CSS
html5视频播放_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
Jan 05 HTML / CSS
Bootstrap 学习分享
Nov 12 HTML / CSS
使用html2canvas.js实现页面截图并显示或上传的示例代码
Dec 18 HTML / CSS
用canvas做一个DVD待机动画的实现代码
Apr 12 HTML / CSS
Html5 canvas画图白板踩坑
Jun 01 HTML / CSS
用position:sticky完美解决小程序吸顶问题的实现方法
Apr 24 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
Mar 07 #HTML / CSS
HTML5中新标签和常用标签详解
Mar 07 #HTML / CSS
html5的websockets全双工通信详解学习示例
Feb 26 #HTML / CSS
HTML5+CSS3应用详解
Feb 24 #HTML / CSS
html5中valid、invalid、required的定义
Feb 21 #HTML / CSS
html5实现多文件的上传示例代码
Feb 13 #HTML / CSS
HTML5 video 视频标签使用介绍
Feb 03 #HTML / CSS
You might like
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
PHP读取txt文本文件并分页显示的方法
2015/03/11 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
[原创]PHP正则匹配中英文、数字及下划线的方法【用户名验证】
2017/08/01 PHP
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
基于jQuery实现仿微博发布框字数提示
2016/07/27 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
2017/03/15 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
vue实现页面切换滑动效果
2020/06/29 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
python去除所有html标签的方法
2015/05/05 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
python之Socket网络编程详解
2016/09/29 Python
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
SISLEY希思黎官方旗舰店:享誉全球的奢华植物美容品牌
2018/04/25 全球购物
新英格兰最大的特色礼品连锁店:The Paper Store
2018/07/23 全球购物
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
Linux文件系统类型
2012/02/15 面试题
对孩子的寄语
2014/04/09 职场文书
商业用房租赁协议书
2014/10/13 职场文书
干部外出学习心得体会
2016/01/18 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
Ruby处理CSV数据方法详解
2022/04/18 Ruby