javascript - 修复 html5 标签 IE8 在页面底部加载时不工作

Question

为了修复 html5 标签(article、aside、footer、header、hgroup、nav、section)与 IE8 的兼容性，我通常添加这个 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”之前)不起作用。

有什么想法吗？

谢谢

Answer 1

你应该在 ie8 应该知道的 html5 标签之前加载修复 javascript。否则 ie8 会将这些标签视为 HTMLUnknownElement。所以，那个 js 应该在 head 标签中。顺便说一句，下面的代码不是更小了吗？ =)

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