將PHP頁面導入HTML文檔

Question

我爲我的導航元素創建了一個navbar.php。如何將導航欄導入到我的index.html中，以便在我的所有html頁面上生成一個正常運行的導航欄？我必須將我的HTML頁面轉換爲PHP嗎？你是否必須單獨爲導航欄重新制作每個頁面？

謝謝您的幫助

這裏是我的文件夾目錄的截圖： directory listing

Answer 1

甲PHP包括是所有需要。無論你放置包含什麼地方，include都會插入HTML（或PHP）。

PHP是一種服務器端語言。這意味着該文件由服務器彙編，然後發送到客戶端。所以，PHP include基本上是讀取文件並將其直接插入到文檔中。

somePage.php

<?php include "navbar.php" ?> 
THIS IS GREAT CONTENT 

navbar.php

<ul> 
    <li><a href="#">Great link</a></li> 
    <li><a href="#">I don't like this link</a></li> 
    <li><a href="#">This link is cool</a></li> 
    <li><a href="#">Links are the bomb</a></li> 
</ul> 

每海報的評論：

這裏是如何做到這一點在JavaScript：

navbar.html

<ul> 
    <li><a href="#">Great link</a></li> 
    <li><a href="#">I don't like this link</a></li> 
    <li><a href="#">This link is cool</a></li> 
    <li><a href="#">Links are the bomb</a></li> 
</ul> 

現在，讓我們重寫SomePage的。請注意，文件擴展名現在是.html，表示所有內容都被解析爲客戶端。所以，在頁面加載後，我們的代碼告訴瀏覽器出去並獲取navbar.html，然後將它插入到我們的ID爲「navBar」的div中。

somePage.html

<div id="navBar"></div> 
THIS IS GREAT CONTENT 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script> 
$.get("navbar.html", function (data) { 
    $("#navBar").html(data); 
}); 
</script> 

這絕對是一個黑客，請不要使用這樣的：

somePage.html

<div id="navBar"> 

</div> 
THIS IS GREAT CONTENT 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

<script src="navbar.html"></script> 

導航欄。HTML

$("#navBar").html(`<ul> 
    <li><a href="#">Great link</a></li> 
    <li><a href="#">I don't like this link</a></li> 
    <li><a href="#">This link is cool</a></li> 
    <li><a href="#">Links are the bomb</a></li> 
</ul>`); 

Answer 2

轉換在PHP（的index.php），同一目錄中的所有頁面在這種情況下。

使用

include_once "navbar.php"; 

導入您的導航欄爲網頁。

的index.php的實施例

<?php 
include_once "navbar.php"; 
?> 
Your html code