1

我有一个 2 帧 HTML 页面：

  • FrameA 包含指向各个页面的链接列表，或页面内的锚点
  • FrameB 显示各个页面。

某些页面包含带有触发文本的 slideDown 部分 - 即单击此文本会显示/隐藏其下方的 slideDown 部分。

触发元素的父元素也包含一个锚点，例如：

<li class="expandable">
  <p><a name="myanchor3"></a>Trigger text</p>
  <div class="slideDownSection">
       ...
  </div>
</li>

我想检测用于将页面加载到 FrameB 的 URL 中何时请求锚点。如果有锚ref，我想检查锚是否属于“可扩展”元素，如果是，我在下面的元素上执行 slideDown 以显示它。

我可以通过将一些 Javascript 放入 $(document).ready(function(){ ... }); 中轻松地做到这一点。在被加载的页面中。这将检查 location.hash 值并在找到时对其进行处理。但是，这仅在页面加载到 FrameB 时才有效。

如果页面已加载到 FrameB 中，并且我单击 FrameA 中指向同一页面中另一个锚点的链接，则无法捕获该事件。页面位置更改为在页面顶部或附近显示锚点 - 无需重新加载页面。

我的问题是：
我可以在 FrameB 中显示的页面中使用什么事件处理程序来检测是否已通过在 FrameA 中单击的链接请求了该页面上的锚点？

注意：FrameA 的内容是自动生成的，所以我不能对 FrameA 中的页面使用 onClick 事件，我只能在 FrameB 中显示的页面中工作。

4

1 回答 1

0

IE8 支持hashchange您可以监听的事件。对于所有其他浏览器，您必须轮询location.hashusing的值setInterval()：

var lastHash = null;
function checkHash() {
  if (window.location.hash != lastHash) {
    lastHash = window.location.hash;

    // Do your hash stuff
  }
}

setInterval(checkHash, 100);

在 - window.location.hash - 改变？是一个非常相似的问题。

于 2009-12-28T03:42:06.297 回答