如何确定页面上的活动内容

时间:2014-01-24 17:50:39

标签: html encode

我有点失去知识,老实说不知道要搜索什么。我需要做的是确定当我刷新它时网页上显示的内容不会重置所有内容。例如,如果有人点击了消息标签,我希望浏览器知道它何时刷新,那就是要留下的标签。我相信这是通过url编码完成的,但我不确定。任何帮助都是极好的!谢谢编码员。

更多信息:我在页面上有2个按钮。一个名为“home”,当我点击它时,我希望主页的内容出现在名为“info-main”的框中。我正在用ajax请求这样做。当我点击“编辑个人资料”时,我希望div id“info-main”中的内容被替换为通过ajax检索的编辑个人资料信息。我需要弄清楚如果有人刷新页面...我希望它继续显示编辑配置文件信息,而不是返回默认的“主页”内容。

更多信息(再次) 我刚才有个好主意。当页面刷新时,我希望它根据url编码的内容加载特定的ajax代码。

例如....如果网址是:

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

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

OR

如果网址是:

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

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

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

2 个答案:

答案 0 :(得分:0)

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

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

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

我希望这会有所帮助

答案 1 :(得分:0)

要在网页上引用元素,请使用带有主题标签的链接。 例如,如果您有这样的布局:

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

您的editProfile页面上有密码修改表单,您可以这样喜欢:

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

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

了解详情:http://css-tricks.com/hash-tag-links-padding/