2017-03-13 61 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文件時,你現在什麼也看不到。