让IE9以下版本的浏览器兼容HTML5的方法
导读:收集整理的这篇文章主要介绍了让IE9以下版本的浏览器兼容HTML5的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 让IE(包括IE6 支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的...
收集整理的这篇文章主要介绍了让IE9以下版本的浏览器兼容HTML5的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 让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]–>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 让IE9以下版本的浏览器兼容HTML5的方法
本文地址: https://pptw.com/jishu/585300.html