如何确定页面上哪些内容处于活动状态答案

【问题标题】：How to determine what content is active on a page如何确定页面上哪些内容处于活动状态
【发布时间】：2014-01-24 17:50:39
【问题描述】：

我有点失去知识，老实说不知道要搜索什么。我需要做的是确定在网页上显示哪些内容，这样当我刷新它时不会重置所有内容。例如，如果有人单击消息选项卡，我希望浏览器知道它何时刷新，那就是要保留的选项卡。我相信这是通过 url 编码完成的，但我不确定。任何帮助都是极好的！感谢码友们。

更多信息：我在一个页面上有 2 个按钮。一个名为“home”，当我单击它时，我希望主页的内容出现在名为“info-main”的框中。我正在使用 ajax 请求执行此操作。当我单击“编辑配置文件”时，我希望将 div id“info-main”中的内容替换为通过 ajax 检索的编辑配置文件信息。我需要弄清楚如果有人刷新页面...我希望它继续显示编辑配置文件信息，而不是回到默认的“主页”内容。

更多信息（再次）我刚刚有了一个好主意。当页面刷新时，我希望它根据 url 编码加载特定的 ajax 代码。

例如....如果网址是：

http://www.exampleurl.com/index.php?info=status-load

我希望浏览器执行用于检索状态的 ajax。

或

如果网址是：

http://www.exampleurl.com/index.php?info=edit-prof

我希望它加载用于检索配置文件编辑信息的 ajax 代码。

我真的希望这会有所帮助。：/

【问题讨论】：

一些更多信息会很好......就像，我猜，你在网站上使用类似 Bootstrap 的东西，你想链接到页面上的特定选项卡。但是，我不知道是不是这样
添加信息。感谢您的帮助。
How is Github Changing Pages and the URL so smoothly without AJAX? 的可能副本
不是重复的。我在自己的网站上使用 ajax。只需要一种引用 ajax 的方法。

标签： html encode

【解决方案1】：

我这样做的方法是在链接之前放置一个 #，即 href="#messages"

然后我用这段代码链接一个 .js。

$(function () {
var hash = location.hash
  , hashPieces = hash.split('?')
  , activeTab = $('[href=' + hashPieces[0] + ']');
activeTab && activeTab.tab('show');
});

希望对你有帮助

【讨论】：

【解决方案2】：

要引用页面上的元素，请使用带有主题标签的链接。例如，如果您有这样的布局：

<div class="top-nav">
    <a href="/">Home</a>
    <a href="/editProfile">Edit Profile</a>
</div>

你的editProfile页面上有一个密码编辑表单，你可以这样：

    <a href="/editProfile#passwordChange">Edit Profile</a>

如果您的editProfile 上有<form id="passwordChange">。

【讨论】：