重写 DIV 容器的内容，而不是创建新的 HTML 文件

Question

我是新手，我需要为我的网站创建一个导航菜单。创建它的标准方法如下：

<ul>
<li><a href="default.html">Home</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html>Contact</a></li>
<li><a href="about.html">About</a></li>
</ul>

因此，每次选择导航项时，都会打开一个新的 HTML 文件。但是是否可以重写特定DIV容器的内容而不是创建新的HTML文件？

Answer 1

这个小提琴可能会帮助你： http://jsfiddle.net/pratik136/JgReZ/

另请参阅： http://www.jacklmoore.com/notes/jquery-tabs

@Shawn的技术是问题的任何解决方案如何或多或少起作用的基础。但是，当您建议成为新手时，我建议您查看此链接教程。虽然它没有直接回答您的问题，但它正是您想要使用的技术。该技术称为单页应用程序

http://addyosmani.com/blog/building-spas-jquerys-best-friends/

Answer 2

你可以

用jQuery做到这一点。 有关更改元素的 HTML 内容的详细信息，请参阅 http://api.jquery.com/html/#html2，有关使用 AJAX 异步获取内容的详细信息，请参阅 http://api.jquery.com/jQuery.get/。

Answer 3

JavaScript将

允许重写容器的内容。 jQuery有工具可以简化这一点，如上面发布的那样;在这里学习： http://tutsplus.com/lesson/creating-and-appending-content/

恕我直言，我永远不会"重写"菜单，但我会使用 CSS 和额外的标签来指出你在哪个页面上。 如果您不断从根本上更改菜单，您将失去或挫败访问者。