使用javascript或ajax在同一页面中打开链接

Question

我所拥有的是左侧边栏中的链接列表和右侧的主要内容区域， 我希望能够点击左边的链接并让每个＆＃34;页面＆＃34;在内容区域中打开，而不是重新加载新页面。我确定使用javascript或ajax相当容易，我只是不确定如何。 在此先感谢您的帮助！

Answer 1

说你有

<div id='content'></div>

右侧是

，左侧是链接

<a href='#' id='contact_link'>Contact</a>

当您点击链接时，您可以使用JQuery的load函数加载包含页面内容的div：

$("#contact_link").click(function() {
    $("#content").load("contact.html");
});

如果你没有使用JQuery，你可以得到它here，否则有很多方法可以用普通的JS来做。