2016-05-08 118 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,仅仅是因为他们跟踪有 已包含的文件,以避免包括他们不止一次。