IE支持HTML5的解决方法_html5教程技巧
程序员文章站
2022-05-12 10:42:17
...
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。
使用和下载
html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)
作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:
当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。
以下是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])}})()
使用和下载
html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)
作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:
复制代码
代码如下:当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。
以下是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])}})()
上一篇: PHP判断是手机端还是PC端 判断是否是微信浏览器的代码实例
下一篇: 前端新技术中文文档
推荐阅读
-
让IE下支持Html5的placeholder属性的插件
-
HTML5不支持frameset的两种解决方法
-
win7系统安装不了IE8浏览器提示此安装不支持您的操作系统的解决方法图文教程
-
Html5同时支持多端sdk的小技巧
-
IE6-IE9不支持table.innerHTML的解决方法分享_javascript技巧
-
html5中audio支持音频格式的解决方法
-
说好的IE8不支持HTML5嘛…………!!!为什么?_html/css_WEB-ITnose
-
为什么ie对html5的支持总是丢三落四?
-
为什么HTML5的核心功能好多最新IE都不支持,还有那么多人推崇HTML5啊?
-
HTML5 虚拟键盘出现挡住输入框的解决办法_html5教程技巧