如何插入网站上每个页面上显示的代码?

时间:2014-04-19 04:11:57

标签: html css hyperlink head

我想要一些html,主要是导航栏和代码:

<div id="navbar">
        <ul> 
            <li><a href="">Buy</a></li>
            <li><a href="">Lookbook</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Contact</a></li>

        </ul>
    </div>

并将其插入给定网站上的每个页面。我将如何做到这一点,以便当我进行更改时,它会反映在所有页面上,因此我不必在每个页面上复制和粘贴更改。

3 个答案:

答案 0 :(得分:2)

  1. 在所有网页上添加空div。
  2. 创建一个通用的java脚本函数,将上面的html插入那些空div。
  3. 在所有页面上调用javascript函数。
  4. 只有在使用没有任何服务器端脚本的静态HTML页面时,此方法才有用。

答案 1 :(得分:0)

一种方法是将您的页面放在PHP中,并在每个页面中包含一个公共文件。这样您就可以对导航栏进行更改,所有页面都会对其进行修改。这需要将您的页面更改为PHP并在每个页面中添加适当的include语句。

答案 2 :(得分:0)

创建标题页!创建一个扩展名为.php的新页面。对于此示例,请将其命名为someheader.php

<html>标记之间的每个新.php文件中包含以下代码:

<php 
include('someheader.php');
?>

这节省了时间,因为它不需要一遍又一遍地重新键入相同的代码。