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

我是新手，我需要为我的网站创建一个导航菜单。打造成为一个标准的方式是以下几点：重写DIV容器的内容而不是创建新的HTML文件

<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文件？

来源

2012-04-27 Klausos Klausos

不只是简单的HTML。您需要添加其他类型的技术才能重新使用此代码段。 – Chris 2012-04-27 15:46:48

@Klausos用小提琴链接看我更新的答案 – bPratik 2012-04-27 16:00:51

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

来源

2012-04-27 15:47:02 Shawn

这拨弄可能帮助你：http://jsfiddle.net/pratik136/JgReZ/

还可以阅读：http://www.jacklmoore.com/notes/jquery-tabs

@肖恩的技术是如何的任何解决方案，您的问题将工作或多或少的基础。但是，当你建议成为新手时，我建议你看看这个链接教程。虽然它不直接回答你的问题，但它正是你想要使用的技术。该技术被称为单页应用

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

来源

2012-04-27 15:50:44 bPratik

的JavaScript将允许重新编写集装箱的内容。 jQuery有一些工具可以使这一点更容易，如上所述;在这里学习：http://tutsplus.com/lesson/creating-and-appending-content/

恕我直言我不会“重写”菜单有史以来，但我会用CSS &额外的标签指出你在哪个页面上。如果你彻底改变菜单，你会失去或挫败游客。

来源

2012-04-27 15:52:26 tomByrer

我不想重新编写菜单。我想要的是一旦选择HOME，CONTACT或任何其他菜单选项，就更改特定DIV块的内容。 – 2012-04-27 15:54:53

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

回答

相关问题