Question

如何让多个html页面嵌套相同的导航条？Iframe？

我有三个页面，例如home.html, user.html, logs.html.我希望每个页面都在同一个地方有下面这样一个导航条。
<ul class="navbar">
<li><a href="home.html">Home Page</a>
<li><a href="user.html">Manage Users</a>
<li><a href="logs.html">View Message Logs</a>
</ul>
我在每个页面加了如下的iframe语句，但是发现当我在Home Page 电解导航条上面的Manage Users页面的时候，导航条的位置会望右移动。这时如果重复按Manage Users，导航条会不断右移且出现多个Manage Users和Home Page叠加的内容。
<iframe src="navigator.html" style="paddomg-top:0px" align="left" frameBorder="0" scrolling="no" vspace="-80" hspace="-80" width="935" height="1450" marginheight="1" marginwidth="1"></iframe>
请问如果解决这个问题？还有没有更加好的方法？
尝试过把navigation.html转成js，然后在home.html里面加入这个navigatino.js但是跑不起来。

Answer 1

如果你是使用动态语言,ASP,PHP,JSP等
那些语言里面都有一个include的标签,可能叫法不一致
你可以将导航做成单独的一个文件,通过这些标签是可以引入这个文件的

如果是静态的HTML,没有这类的标签,不建议你使用iframe和JS
一般这种情况下,静态页面都会将导航一个一个的加到静态页面中,最后写程序的时候在用include这种标签添加即可

追问

有没有例子可以参考一下啊？

追答

以JSP为例
新建一个nav.jsp里面的内容是你的导航HTML
在其他页面中引用一下nav.jsp

JSP渲染的时候遇见include标签会自动去找nav.jsp
将他的内容加载至你的页面中,应该就能实现你的功能了

现在项目中大部分都是动态语言,原理差不多

这种东西尽量不要用JS去实现.这样会让你的代码越来越乱的

追问

HTML 好像不能include nav.jsp那是不是我得把home.xml也转成 JSP然后再在里面include nav.jsp?

追答

html没有include这种功能的
最终你的项目里html纯静态页面很少的,大部分应该都是jsp或者其他编程语言

Answer 2

您好：这样可以最简单的建立一个母版页就可以了。先建立个母版页，然后新建home.html的页面时候，让他继承这个母版页就可以了。
或者第二种方法就是建立一个自定义用户控件。将这个导航栏放进去。然后在每个想要显示的位置引用这个自定义控件即可。

追问

你好，请问母版页用JSP HTML 还是 JS来写？如何继承母版页？
可以举个例子吗？

追答

母版页是.master页面。是asp.net中的。不知道一样不一样。就是你右键解决方案，然后选择添加，选择那个母版页就可以了。母版页就是公用的地方。然后你新建其他aspx页面的时候就选择新建"继承模板页"的页面。然后选择那个母版页就可以了。这样母版页中的公用文件就和一个控件一样被加载进来了。

Answer 3

比较好的方法是用动态语言。

如果你不会的话，要看你是否会JS，会JS的话，你可以给.navbar插入li对象，这样就可以直接放入了。

现在基本很少会用到框架页了，用户体验不是很好，要尽量走js

Answer 4

导航条子页面的head中加入如下标签即可
<base target="_parent">

Answer 5

1；用iframe
2；将共同的页面转换成JS，至于你说的跑出来了，肯定是你的哪地方不对。