從JS文件中調用「HTML組件」

Question

我一直在試圖使用JavaScript加載內容就是這個樣子PHP確實與需要，require_once和包括，所以我來到了這一點：

在HTML源：

<script src="footer.js"></script> 

的footer.js文件：

document.write('<footer id="footer" class="fluid"><div id="callaction"><p>A sua saúde está em dia? Confira aqui</p></div><p>&copy;2015, CUIDAR SAÚDE. Todos os direitos reservados</p><p>André Lemos - Master Design</p></footer>'); 

它有效，但由於我不是JS專家，所以我問：這是一件壞事嗎？我是否需要關注性能問題？更好的想法？

Answer 1

是的，這是一個好主意實施。但是，保重。由於您正在導入頁腳，所以腳本標籤應該寫在整個html內容的末尾。

Answer 2

將輸出內容的JS腳本鏈接到文檔並不是一個好主意。這個概念有幾個問題：

1. 瀏覽器必須打開一個新的客戶端 - 服務器連接和/或使一個HTTP請求，
2. 原因減慢頁面加載（主要是如果該腳本之前鏈接。主頁面內容），
3. 某些搜索抓取工具無法識別（並因此索引）以這種方式「包含」的內容。

但是，在使用或放棄之前，您還必須考慮您想使用此「內容包括」的情況。如果您只是將其用於常見頁腳，則該概念可能是可以滿足的。

---

如果你想/需要使用的，因爲上述問題的一些服務器端解決方案，但你不希望使用PHP和include聲明，你可以嘗試爲Apache Server-Side Includes模塊。