让IE9以下版本的浏览器兼容HTML5的方法
2014-03-12 15:34
555 查看
让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。
上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。
这个html5的js文件是作者把他放在Google code project上提供给大家可以直接调用的,当然,如果觉得这样会影响你的网页打开速度,你可以把html5的js文件直接下载下来让后上传到自己的服务器单独调用。
以下是html5的js文件中的代码:
除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外,你也可以以下面这种方式把代码直接添加到网页中。
<!–[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]–>
相关文章推荐
- IE9 以下版本浏览器兼容HTML5的方法
- IE9 以下版本浏览器兼容HTML5的方法,使用百度静态资源的html5shiv包
- bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5和css3
- 如何解决IE9以下的浏览器对html5标签不兼容的问题
- IE9以下版本兼容HTML5方法
- 让AngularJS兼容IE8及其以下浏览器版本的方法
- [置顶] 让IE9以下的版本兼容HTML5解决方案
- IE9 以下版本浏览器兼容html5
- IE9以下版本浏览器对HTML5新增标签不识别,导致CSS不起作用的问题
- 使ie9以下版本支持canvas,css3等主流html5技术的方法
- 让AngularJS兼容IE8及其以下浏览器版本的方法
- 让AngularJS兼容IE8及其以下浏览器版本的方法
- 让IE9以下的版本兼容HTML5解决方案
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- 兼容多种版本浏览器的创建XMLHttpRequest类的方法
- background兼容IE9以下版本
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- css javascript等兼容IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器详细解决方法
- JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)