修复html5标签IE8在页面底部加载时无法正常工作

时间:2013-08-29 09:19:43

标签: javascript html5 internet-explorer-8

要修复与IE8的html5标签(文章,旁边,页脚,标题,hgroup,导航,部分)的兼容性,我通常会添加此javascript:

document.createElement("article");
document.createElement("aside");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("section");

并在css文件中

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, ection, summary {
    display: block;
}

如果我在“head”中加载JS它可以正常工作,但现在我正在加载页面底部的所有JS(在关闭“body”之前)不起作用。

有什么想法吗?

由于

1 个答案:

答案 0 :(得分:2)

你应该在ie8应该知道的html5标签之前加载修复javascript。否则ie8将这些标签视为HTMLUnknownElement。 所以,js应该在head标签中。 BTW,下面的代码不是更小吗? =)

var tags='article|aside|footer|header|hgroup|nav|section'.split('|'), i=0, max=tags.length;
for(;i<max;i++) {
    document.createElement(tags[i]);
}