鏈接HTML文件到另一個HTML文件

前一個網頁：

Homepage.html Aboutme.html Contactinfo.html

，並在所有這些頁面的底部，我想一點消息

「你好，歡迎來到我的網站」

但是我想稍後改變其他東西

「我希望你喜歡我的網站」

我能有一個鏈接到我的其他HTML文檔中一個單獨的HTML文件可以輕鬆更改代碼，而不必去每個文檔

所以像頁腳HTML將包含

<p>"Hello and welcome to my website"</p>

而且它在我的所有網頁顯示出來再後來我將其更改爲

<p>"I hope you enjoy my website"</p>

，然後它改變了我的所有網頁

類似於你如何鏈接CSS文件而是與代碼

2016-06-10 Bowser

使用Javascript或PHP還行嗎？ – GaijinJim

這可以通過在CSS中使用僞元素或甚至使用加載頁腳的iframe來完成。至少這不會需要任何客戶端JavaScript邏輯。但是對於這種動態內容的_usual_方法確實使用了像php或類似的服務器端語言。 – arkascha

我在IT9班，我什麼都不知道 – Bowser

你不能只用HTML做到這一點 - 它缺乏這種能力。

你可以用PHP來做到這一點，它被稱爲服務器端包含，看起來像這樣。每個頁面會，嵌入HTML之中：

<p>Paragraph on this page</p> 
<?php include 'inc/message.inc.php'; ?> 
<p>Another paragraph of information</p>

以上將加載一個名爲message.inc.php的內容，並將其存儲在名爲inc文件夾內。

或者，你可以使用jQuery（JavaScript的）：

$('.msg').load('inc/message.inc.php');

但首先你需要與類名創建HTML標記（注意，鏈接 - .msg與class="msg"）msg可能是P標籤，div，textarea，部分，某種容器。

<p class="msg"></p>

的PHP包括是更好的解決方案，因爲JavaScript中的DOM後，將運行已經呈現，這威力顯示當消息被注入P元素的快速閃光。

所有需要使用PHP包括的是使用.php文件擴展名而不是.html - 就是這樣。如果您的網絡服務器可以執行PHP（並且大多數可以），那麼它將立即工作。

請注意，使用.php擴展名不會導致任何HTML/CSS/javascript問題 - 所有這些將繼續像以前一樣工作。唯一的區別是現在它也可以處理PHP。

文件message.inc.php可能僅僅是這樣的：

message.inc.php

<p>Your cool message goes here</p>

這就是它！

2016-06-10 17:31:01 gibberish

回答