使用HTML链接rel导入HTML文档

Question

我正在尝试将HTML文档导入到我的主文档中

<link rel="import" href="my-tabs.html">

但它似乎没有起作用.

我正在使用Chrome 28 关注此演示文稿,并且我在以下位置启用了这两个标志about:flags:

Enable experimental WebKit features
Enable experimental JavaScript

我错过了什么吗？或者我需要启用另一个标志才能获得它吗？

Answer 1

对于迟到者：

截至 2021 年，HTML 导入功能已被弃用（MDN 链接）。

由于此功能的不确定性，我不推荐使用它。

我的建议：向 html 导入添加 data- 属性。编写一个在所有具有该属性的元素上运行的脚本，并fetch()在脚本中使用这些元素来访问这些 html 部分。创建一个 div 并将获取的导入添加到该 div 的同一位置。本质上，添加一些基于 JS 的后处理，将下载 html 并插入到与导入相同的位置，替换它。

Answer 2

HTML Imports仅在Chrome Canary中本地工作(甚至在那里他们只是半生不熟).对于该演示文稿,Eric使用了一个名为Polymer的项目,该项目为HTML Imports(以及其他内容)提供了一个polyfill.看看这个!

更新: Chrome Canary中目前无法使用HTML Imports的当前部分实现.它的标志设置为仅为测试(而不是构建)打开它.它甚至都不是一个选择about:flags.

再次更新: 现在有一个标志about:flags.它被称为Enable HTML Imports.不确定它到底发生了什么.我在Linux上的Chrome 32.0.1671.3 dev中得到了它.