jquery导入无法在IE，Firefox，Safari上运行

Question

我已成功在我的所有页面上导入相同的页眉和页脚，我总是使用Chrome，然后当我尝试打开网站时，我在IE和Firefox上工作，他们没有显示我的页眉和页脚。

我错过了什么？

Firefox显示了此消息 click to view image

虽然IE没有显示。

这是我的导入代码

<link rel="import" id="allheader" href="header.html">

<script>

            var getImport  = document.querySelector('#allheader');
            var getContent = getImport.import.querySelector('#header');
            document.body.appendChild(document.importNode(getContent, true));
        </script>

我需要做什么？谢谢

Answer 1

除Chrome和Opera之外的其他浏览器目前不支持HTML导入。结帐this link以获取完整的浏览器支持列表。 Firefox will not ship with imports，他们不会很快计划好。

我建议您使用polyfill，例如Google的webcomponents.js。查看HTML Imports上的页面。