在单独的html文件中需要菜单

时间:2013-11-13 07:48:55

标签: html menu

我想创建一个菜单,用于40到50页。我想在一个单独的文件中创建它,以便它可以轻松更新。怎么做?

3 个答案:

答案 0 :(得分:2)

将菜单HTML放在某处并使用jQuery将其加载到指定的元素中:

$("#menu").load( "menu.html" );

答案 1 :(得分:0)

好的还有3种方式:

  1. PHP。包括每个PHP(包括命令)
  2. 的JavaScript。使用AJAX加载它并将其显示在div中。 (jQuery会帮助你)
  3. I帧。肮脏和丑陋但它将是最快的方式

答案 2 :(得分:0)

要将菜单(或任何其他HTML部分)放在单独的文件中,而不使用jquery或iframe,您可以使用服务器端包含(SSI)。

  1. 创建一个包含要包含的HTML的HTML文件,例如需要在许多文件中重复的菜单的HTML。请包括<! doctype<head>等。使用.shtml扩展程序保存文件,例如menu.shtml(通常它只适用于.html )。例如:

    <ul id="navmenu">
    <li><a href="page1.shtml">Page One</a></li>
    <li><a href="page2.shtml">Page Two</a></li>
    <li><a href="page3.shtml">Page Three</a></li>
    </ul>
    
  2. 将include语句添加到要放入此菜单的每个文件中:

     <!-- #include file="menu.shtml" -->
    
  3. 路径是相对的,使用相对于web服务器根目录的路径由:完成

    <!--#include virtual="/directory/menu.shtml" -->
    

    More info

    Info on SSI with php, VBScript and other languages