在过去的几天里,我一直在研究 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 文件中的文件时,你真的可以快速地在页面上工作,所以我有兴趣研究这个。