Php 如何为加载javascript的内容添加书签

Php 如何为加载javascript的内容添加书签,php,javascript,jquery,html,Php,Javascript,Jquery,Html,我在页面上有一个div用来保存内容,还有一些链接用来加载内容 <div id="thecontent"> </div> <div id="callers"> <div class="caller">1234</div> <div class="caller">15</div> <div class="caller">9</div> <div class="caller"&g

我在页面上有一个div用来保存内容,还有一些链接用来加载内容

<div id="thecontent">
</div>

<div id="callers">
 <div class="caller">1234</div>
 <div class="caller">15</div>
 <div class="caller">9</div>
 <div class="caller">324</div>
</div

在调用方选择器中:

location.href = '#'+$(this).html();

在调用方选择器中:

location.href = '#'+$(this).html();
您有两个选择:

选择1 使调用者菜单使用实际的锚元素,如。添加一个click事件处理程序来拦截并执行XHR获取

选择2 在单击处理程序上,将window.location.hash设置为目标

对于这两个选项: 加载页面时,检查window.location.hash的值,查看它是否附带目标,如果指定了目标,则获取该目标。

您有两个选项:

选择1 使调用者菜单使用实际的锚元素,如。添加一个click事件处理程序来拦截并执行XHR获取

选择2 在单击处理程序上,将window.location.hash设置为目标

对于这两个选项:
加载页面时,检查window.location.hash的值,查看它是否带有目标,如果指定了目标,则获取该目标。

首先要设置哈希值,可以使用

window.location.hash = '1234';
当页面加载时,您也可以使用以下方法读取此值:

window.location.hash.substr(1); // .hash also returns the '#' character, so use substr to remove it
记住这一点,你就可以在你的电脑里做这个了。准备好了吗

$(function() {
  var hash = window.location.hash.substr(1);
  if(hash != '') {
    $('#callers .caller:contains('+hash+')').click();
  }
});

在.caller click函数中,还需要更新哈希值。

首先要设置哈希值,可以使用

window.location.hash = '1234';
当页面加载时,您也可以使用以下方法读取此值:

window.location.hash.substr(1); // .hash also returns the '#' character, so use substr to remove it
记住这一点,你就可以在你的电脑里做这个了。准备好了吗

$(function() {
  var hash = window.location.hash.substr(1);
  if(hash != '') {
    $('#callers .caller:contains('+hash+')').click();
  }
});
在.caller click函数中,您还需要更新散列。

看看,历史记录的javascript应该提供您所需要的一切

它使用现代历史管理调用、pushstate等(如果可用),或者使用哈希标记更新href,并检查所述哈希标记的存在,以确定应该显示哪些内容。这真的很好。

看一看,历史记录的javascript应该能提供您所需要的一切

它使用现代历史管理调用、pushstate等(如果可用),或者使用哈希标记更新href,并检查所述哈希标记的存在,以确定应该显示哪些内容。真的很好