我想创建一个菜单,用于40到50页。我想在一个单独的文件中创建它,以便它可以轻松更新。怎么做?
答案 0 :(得分:2)
将菜单HTML放在某处并使用jQuery将其加载到指定的元素中:
$("#menu").load( "menu.html" );
答案 1 :(得分:0)
好的还有3种方式:
答案 2 :(得分:0)
要将菜单(或任何其他HTML部分)放在单独的文件中,而不使用jquery或iframe,您可以使用服务器端包含(SSI)。
创建一个包含要包含的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>
将include语句添加到要放入此菜单的每个文件中:
<!-- #include file="menu.shtml" -->
路径是相对的,使用相对于web服务器根目录的路径由:完成
<!--#include virtual="/directory/menu.shtml" -->