好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

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

复制代码

代码如下:


<!–[if IE]>
<script src=]http://html5shiv. GOOGLE code .COM /svn/trunk/html5.js]></script>
<![endif]–>


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

复制代码

代码如下:


(function(){if(!/*@cc_on!@*/0)return; VAR e = [ab br ,article,aside,audio,canvas,datalist,det ai ls,dia LOG ,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video].spl IT (’,'),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的方法 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于让IE9以下版本的浏览器兼容HTML5的方法的详细内容...

  阅读:15次