如何在使用JavaScript的許多文檔中包含HTML

如果您希望在網站的多個頁面上複製相同的內容，則需要使用HTML手動複製並粘貼該內容。 但使用JavaScript，您可以包含代碼片段，而無需使用任何服務器腳本。

難度：一般

所需時間： 15分鐘

這裡的如何

1. 編寫您想要重複的HTML並將其保存到單獨的文件中。
   1. 我喜歡將我的包含文件保存到一個單獨的目錄中，通常是“包含”。 我會將我的版權信息保存在如下include文件中：includes / copyright.js
2. 由於HTML不是JavaScript，因此您需要將JS代碼document.write添加到每一行。 document.write（“Copyright Jennifer Kyrnin 1992”）;
3. 打開您希望包含文件顯示的網頁。
4. 在包含文件應顯示的HTML中查找位置，並在其中放置以下代碼：
5. 更改路徑和文件名以反映您的包含文件位置。
6. 將相同的代碼添加到您希望獲取您的版權信息的每個頁面上。
7. 當版權信息發生變化時，編輯copyright.js文件。 上傳完成後，它會在您網站的每個頁面上發生變化。

提示

1. 不要忘記js文件中每行HTML中的document.write。 否則，它將無法正常工作。
2. 您可以將HTML或文本包含在JavaScript包含文件中。 任何可以在標準HTML文件中進行的操作都可以通過JavaScript包含文件進行。
3. 您可以將JavaScript包含在HTML文檔中的任何位置，包括頭部。
4. 網頁文檔不會顯示包含的HTML，只顯示對JavaScript腳本的調用。