html5.js让IE（包括IE6）支持HTML5元素方法

2024-06-01 10:35:03

html5.js让IE（包括IE6）支持HTML5元素方法

微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的，我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。

让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement_x声明，利用条件注释针对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(!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_x(e[i])}})()

除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外，你也可以以下面这种方式把代码直接添加到网页中。

＜!–[if IE]>
＜script>
(function(){if(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_x(e[i])}})()
＜/script>
＜![endif]–>

IE开发经理艾德里安巴特曼（Adrian Bateman ）就曾表示，IE团队希望分享自己对HTML5的看法，并参与制定该标准的讨论。巴特曼表示，尽管目前IE团队更多是提出问题，而非给出解决办法，但是公开讨论正是推动HTML5发展的最佳方式.

html5.js让IE（包括IE6）支持HTML5元素方法

转载于:https://my.oschina.net/liangzhenghui/blog/397131

html5.js让IE（包括IE6）支持HTML5元素方法相关推荐

让IE6支持HTML5元素
今天把网页改成了HTML5的,调试了一下,在FF和Opera中都显示正常了,到了IE6上却变得面目全非了.GOOGLE了一下,发现了html5shiv这个项目,可以把HTML5的新元素转换成IE6认识 ...
html div画圆有什么用,圆形div栏，用于评级html5 js(Circle div bar for rating html5 js)
圆形div栏,用于评级html5 js(Circle div bar for rating html5 js) 嗨我在我的页面中使用了一个条形评级系统,它通过一个非常简单的PHP代码按百分比显示use ...
dreamweaver+cs5支持html5吗,如何让Dreamweaver CS5支持Html5
‍ 大家在想尽千方百计之后下载安装了梦寐以求的DreamweaverCS5之后,通常都只是使用了其基本的功能.其实该软件的独特之处在于拥有强大的拓展性,不断更新的版本和插件让它总能够在各个时期都让人用 ...
原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法
1. 添加新元素动态添加新元素 Coffee Tea Coffee Tea var child = document.getElementsByClassName("child" ...
火狐浏览器怎么支持html5,Firefox6正式版试用完整支持HTML5规则
原计划于本周二(8月16日)发布的Firefox 6.0正式版,提前两日便被它的粉丝们发现在Firefox的FTP服务器上已悄然出现了6.0正式版的丽影,欣喜的用户现在就已然可以下载到这一经典的浏览器 ...
HTML5是XHTML的升级版本,支持HTML5新布局酷盘Web版全新升级
泡泡网软件频道5月28日近日,国内著名的云存储平台酷盘WEB版升级,除重新设计了WEB文件列表.相册.分享和账号设置等界面外,新版本还支持HTML5拖拽上传. 酷盘此次改版,在很大程度上简化了用户的 ...
html 判断页面支持canvas,HTML5 Canvas之测试浏览器是否支持Canvas的方法
在获取HTML页面上Canvas元素的引用后,我们需要测试一下该元素是否包含"上下文"(context).Canvas的上下文指的是由浏览器定义的用于绘画的平面.简单地说,如果上下 ...
html5 js图片另存为,amCharts之JavaScript/HTML5 Charts应用教程二：将JS图表另存为图片...
通常,将JavaScript图表另存为图片是一个非常复杂的过程,但amCharts的 1.首先下载canvg 2.包括canvg.js, rbgcolor.js, amcharts.js以及以下扩展: ...
让你的IE浏览器支持HTML5标准方法代码
自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准, ...
让IE浏览器支持HTML5标准的方法
让IE浏览器支持HTML5标准的方法自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在 ...

最新文章

热门文章