Question

我有像

这样的页面

<html>
<body>
    <div id="header">
        <a href="page1.html">Page1</a>
        <a href="page2.html">Page2</a>
    </div>
    <div id="Container">
        Content
    </div>
</body>
</html>

点击导航后，我想获取该页面，但需要修复标题。只需更改容器的内容和地址栏，或使用固定标题更改页面

就像有固定聊天和标题栏的Facebook一样。

我尝试了很多方法，比如Ajax，但我不能使用它：）

Answer 1

您可以使用jQuery的$.get()并尝试以下内容：

$(document).ready(function() {
    $('a').click(function(event) {
        event.preventDefault();
        $.get(this.href, {}, function(data) {
            $('#container').html(data);
        });
    });
});

这会将#container的内容替换为导航中链接后面的内容。因此，您有责任确保只有所需内容位于page1.html。

更好，更复杂的方法是在page1.html中包含完整的网站内容，并使用success函数中的某些逻辑来仅提取所需的内容。
对于没有JavaScript等的用户来说，这将很好地适用。

阅读jQuery的Ajax功能，你应该能够很快地完成工作。

导航时如何仅更改页面的一部分？

1 个答案: