2016-05-08 116 views
0

希望你很好,很好,保持導航欄的所有頁面

我有一個導航條是這樣的:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav"> 
        <li> 
         <a onclick="load_home()"href="#">About</a> 
        </li> 
        <li> 
         <a href="#">Services</a> 
        </li> 
        <li> 
         <a href="#">Contact</a> 
        </li> 
       </ul> 
      </div> 

我怎麼能在我所有的HTML和PHP頁面顯示此吧!

關於。

+0

你可以使用include ..這個.. – scaisEdge

+0

是'load_home()'一個javascript或php函數嗎? –

回答

2

把渲染代碼在my_navbar.php

  echo '<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a onclick="load_home()"href="#">About</a> 
       </li> 
       <li> 
        <a href="#">Services</a> 
       </li> 
       <li> 
        <a href="#">Contact</a> 
       </li> 
      </ul> 
     </div>'; 

然後在所有php文件中都需要導航欄放

<?php 
include_once "my_navbar.php"; // this will include a.php 

?> 

避免多應該使用include_once包括

+0

感謝親愛的,但要使用此我必須將我的所有文件更改爲PHP!真的嗎?!我怎麼能做類似的概念,但保持HTML文件?! – MSMC

+0

我認爲PHP的解決方案是更簡單,但你可以添加代碼與jQuery ..或HTML鏈接.. – scaisEdge

+0

我發現這個:http://www.w3schools.com/howto/howto_html_include.asp – MSMC

1

要擴展scaisEdge的評論,請按照以下方法在include中執行此操作。

在nav.php(命名,但是你想):

<?php 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a onclick="load_home()"href="#">About</a> 
       </li> 
       <li> 
        <a href="#">Services</a> 
       </li> 
       <li> 
        <a href="#">Contact</a> 
       </li> 
      </ul> 
     </div> 
?> 

然後你想要導航:

<?php include('nav.php'); ?> 
1

您可以使用include(),即:

navigation.php

<?php 
echo <<< EOF 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav"> 
     <li> 
     <a onclick="load_home()"href="#">About</a> 
     </li> 
     <li> 
     <a href="#">Services</a> 
     </li> 
     <li> 
     <a href="#">Contact</a> 
     </li> 
    </ul> 
</div> 
EOF; 

anotherfile.php

<?php 
include("navigation.php"); 
//the rest of the code... 

include vs include_once

include_oncerequire_once功能includerequire,僅僅是因爲他們跟蹤有 已包含的文件,以避免包括他們不止一次。