让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的flex弹性盒模型布局的简单例子演示
May 12 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
Dec 20 HTML / CSS
CSS3制作hover下划线动画
Mar 27 HTML / CSS
css3 边框、背景、文本效果的实现代码
Mar 21 HTML / CSS
HTML5实现表单自动验证功能实例代码
Jan 11 HTML / CSS
前端canvas水印快速制作(附完整代码)
Sep 19 HTML / CSS
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
Nov 05 HTML / CSS
简单的HTML5初步入门教程
Sep 29 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
May 07 HTML / CSS
CSS3 制作的彩虹按钮样式
Apr 11 HTML / CSS
使用 CSS 构建强大且酷炫的粒子动画效果
Aug 14 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
php中的数组操作函数整理
2008/08/18 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
jquery cookie插件代码类
2009/05/26 Javascript
Javascript 圆角div的实现代码
2009/10/15 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
vue数据双向绑定的注意点
2017/06/23 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
2019/09/19 Javascript
[00:53]2015国际邀请赛 中国区预选赛一触即发
2015/05/14 DOTA
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
Python实现二分法算法实例
2015/02/02 Python
python3下载抖音视频的完整代码
2019/06/05 Python
详解字符串在Python内部是如何省内存的
2020/02/03 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
python代码区分大小写吗
2020/06/17 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
Footshop罗马尼亚:最好的运动鞋选择
2019/09/10 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
城市规划毕业生求职信
2013/10/10 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
《梅花魂》教学反思
2016/02/18 职场文书