Javascript HTML可以跨浏览器导入吗?

Javascript HTML可以跨浏览器导入吗?,javascript,html,html-imports,Javascript,Html,Html Imports,在过去的几天里,我一直在关注HTML导入,例如: <link rel="import" href="imports/header.html"> var link = document.querySelector('link[rel="import"]'); var header = link.import.querySelector('.header'); var panelPrimary = link.import.querySelector('.panel-primary');

在过去的几天里,我一直在关注HTML导入,例如:

<link rel="import" href="imports/header.html">

var link = document.querySelector('link[rel="import"]');
var header = link.import.querySelector('.header');
var panelPrimary = link.import.querySelector('.panel-primary');
var panelInfo = link.import.querySelector('.panel-info');
var panelWarning = link.import.querySelector('.panel-warning');
var container = document.querySelector('.container');
container.appendChild(header.cloneNode(true));
container.appendChild(panelPrimary.cloneNode(true));
container.appendChild(panelWarning.cloneNode(true));
container.appendChild(panelInfo.cloneNode(true));

var link=document.querySelector('link[rel=“import”]”);
var header=link.import.querySelector('.header');
var panelPrimary=link.import.querySelector('.panel primary');
var panelInfo=link.import.querySelector('.panel info');
var panelWarning=link.import.querySelector(“.panel warning”);
var container=document.querySelector('.container');
container.appendChild(header.cloneNode(true));
container.appendChild(panelPrimary.cloneNode(true));
container.appendChild(panelWarning.cloneNode(true));
container.appendChild(panelInfo.cloneNode(true));
我知道它在最新版本的chrome中工作。 我真的很喜欢这个想法,我想知道是否有一种方法可以使它跨浏览器,它是否足够好的商业项目

如果没有,有没有类似的好办法


看起来,当加载一个保存在外部html文件中的
文件时,你真的可以以闪电般的速度在页面上工作,所以我对这一点很感兴趣。

是的,可以使用polyfill(或其lite版本,或直接使用
HTMLImports.js

你最好关注第二个链接(由@Derek发布)

如果您需要HTML导入教程,请阅读


如果仍然不起作用,请发布您的代码。

我已经下载了一个运行这些演示的程序,但由于某些原因,我只得到了空白页面。它们不能直接从我的桌面电脑上的文件夹中运行吗?我正在firefox 43.0上测试它
我已经下载了一个运行这些演示的程序。。。你在说什么样的演示?