让IE9以下版本的浏览器兼容HTML5的方法
程序员文章站
2023-12-05 17:20:40
让IE(包括IE6)支持HTML5元素,需要在HTML头部添加一个简单的document.createElement声明,具体祥看本文... 14-03-12...
让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]–>
复制代码
代码如下:<!–[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]–>
上一篇: html5实现微信打飞机游戏
推荐阅读
-
让IE9以下版本的浏览器兼容HTML5的方法
-
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
-
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
-
让IE9以下版本的浏览器兼容HTML5的方法
-
HTML5的hidden属性兼容老浏览器的方法
-
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
-
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法教程
-
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法_jquery
-
使ie9以下版本支持canvas,css3等主流html5技术的方法_html/css_WEB-ITnose
-
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法_jquery