当前位置:首页> 正文
让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]
复制代码代码如下:
![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]
展开全文阅读
相关内容
-
ie支持function.bind()方法实现代码
ie支持function.bind()方法实现代码,方法,支持,复制,执行,原...
-
IE浏览器单独写CSS样式的几种方法
IE浏览器单独写CSS样式的几种方法,浏览器,条件,维护,复制,注...
-
IE不能上网浏览的常见原因和解决方法
IE不能上网浏览的常见原因和解决方法,解决方法,命令,文件,原...
-
把Windows 系统中的IE8浏览器降为IE6的方法
把Windows 系统中的IE8浏览器降为IE6的方法,方法,版本号,版本...
-
如何彻底优化IE浏览器 六种设置方法轻松优化你
如何彻底优化IE浏览器 六种设置方法轻松优化你的IE浏览器,方...
-
div层调整z-index属性在IE中无效原因分析及解决
div层调整z-index属性在IE中无效原因分析及解决方法,无效,原...
-
IE浏览器打不开部分网页解决方法(适用于XP/vist
IE浏览器打不开部分网页解决方法(适用于XP/vista),控制,重启,...
-
原生js方法document.getElementsByClassName在i
原生js方法document.getElementsByClassName在ie8及其以下的...
-
ie placeholder属性的兼容性问题解决方法
ie placeholder属性的兼容性问题解决方法,解决方法,属性,失去...
-
禁用IE10的密码明文显示和快速清除功能的方法
禁用IE10的密码明文显示和快速清除功能的方法,快速,清除,密码...
-
帝国CMS后台fckeditor编辑器兼容IE10的方法汇总
帝国CMS后台fckeditor编辑器兼容IE10的方法汇总,兼容,方法,编...
-
IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解
IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总,复...
-
CSS多浏览器兼容性(IE和Firefox)技巧大全推荐
CSS多浏览器兼容性(IE和Firefox)技巧大全推荐,复制,设置,元素...
-
手动处理IE被劫持的详细方法 IE浏览器被劫持的
手动处理IE被劫持的详细方法 IE浏览器被劫持的手动处理方法,...
-
IE.JS解决IE兼容性问题方法汇总
IE.JS解决IE兼容性问题方法汇总,方法,兼容性问题,浏览器,模式...