2017-03-13 22 views
-1

我有4个文件可以说a.html,b.html,c.html和d.html。我希望b.html需要输入c.html和d.html。 a.html需要b.html。我可以导入使用<link rel='import' href='/path/to/b.html'>在a.html,然后在b.html有以下几点:我可以通过另一个HTML导入文件导入HTML文件吗?

<link rel='import' href='/path/to/c.html> 
<link rel='import' href='/path/to/d.html> 
+0

是的,你可以。这是一个[demo](http://plnkr.co/edit/TFJ6Rtg60mLeOfZP0SgM?p=preview)。 – tony19

+0

@ tony19我使用本地Web组件没有聚合物。 – Juwdohr

+0

@Juwdohr好的。 HTML导入功能由Web Components提供,而不是Polymer。我仅在制作组件时使用了Polymer的语法糖。 – tony19

回答

1

包括HTML模板是类似于我们包括样式表的方式,我们使用的代码。但不是使用rel = stylesheet,而是使用rel = import添加链接标记。作为一个例子,在这里我将包含一个名为template.html的模板(我已经添加了几行虚拟内容)。 <link rel="import" href="template.html">

现在,如果您通过网络标签下的Chrome开发工具看到网页,则可以看到浏览器(Chrome)加载了template.html。 请注意,导入的文件中的内容不会立即附加到主HTML文件。当你看到主HTML文件时,你现在什么也看不到。