让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 相关文章推荐
学做Bootstrap的第一个页面
May 15 HTML / CSS
css3 响应式媒体查询的示例代码
Sep 25 HTML / CSS
css3实例教程 一款纯css3实现的环形导航菜单
Oct 20 HTML / CSS
详解CSS3的perspective属性设置3D变换距离的方法
May 23 HTML / CSS
CSS实现雨滴动画效果的实例代码
Oct 08 HTML / CSS
HTML5中实现拖放效果无须借助javascript
Dec 26 HTML / CSS
html5 canvas-2.用canvas制作一个猜字母的小游戏
Jan 07 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
HTML实现代码雨源码及效果示例
Feb 25 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
May 14 HTML / CSS
amazeui页面校验功能的实现代码
Aug 24 HTML / CSS
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
Dec 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
怎么在Windows系统中搭建php环境
2013/08/31 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
详解php用static方法的原因
2018/09/12 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
AngularJs  Using $location详解及示例代码
2016/09/02 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
mui框架移动开发初体验详解
2017/10/11 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
js如何找出字符串中的最长回文串
2018/06/04 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
详解Python Matplot中文显示完美解决方案
2019/03/07 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
顶撞老师检讨书
2014/02/07 职场文书
会计毕业生自荐书
2014/06/12 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
单位委托函范文
2015/01/29 职场文书
大学生自荐书范文
2015/03/05 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书