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

Question

我的左侧边栏是链接列表，右侧是主要内容区域， 我希望能够单击左侧的链接并在内容区域中打开每个“页面”，而不是重新加载新页面。我确信使用 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 中完成。