-1

在过去的几天里,我一直在研究 HTML Imports,例如:

<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));

我知道它适用于最新版本的 chrome。我真的很喜欢这个想法,我想知道是否有办法让它跨浏览器,它对商业项目是否足够好?

如果没有,有没有类似的好选择?

看起来当加载一个<template>保存在外部 html 文件中的文件时,你真的可以快速地在页面上工作,所以我有兴趣研究这个。

4

1 回答 1

0

是的,可以使用 polyfill Webcomponents.js(或其精简版,或HTMLImports.js直接)

您最好点击第二个链接(由@Derek 发布)。

如果您需要有关 HTML 导入的教程,请阅读这篇

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

于 2015-12-18T07:54:18.397 回答