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

Question

为了修复 html5 标签（文章、旁边、页脚、页眉、hgroup、导航、部分）与 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]);
}