Javascript 后退按钮 - 停止后退按钮的初始加载工作

Question

我使用 JavaScript 后退按钮链接和前进按钮链接来控制模式/灯箱窗口内的用户历史记录。

我面临的挑战是，当模式窗口启动时，“后退”和“前进”按钮可供用户单击，如果在窗口打开时单击初始 JavaScript 后退按钮，它实际上会关闭模式窗口，因为 JavaScript 历史记录将用户带回到打开模式窗口之前的页面。

因此，本质上，我试图禁用“后退”按钮来处理模态/灯箱的初始负载。

这可能吗？这是正在发生的事情的演示...... http://www.apus.edu/_test/evan/modal/start。嗯

<a href="javascript:history.go(-1)">Back Button</a> 
<a href="javascript:history.go(1)">Foward Button</a>

Answer 1

我不确定我是否理解您在使用模态窗口做什么，但我想到的第一件事是编写一个函数，并将 History.go(-1) 包装在条件

function goBackIfAppropriate() {
  if( /* <check goes here> */ ) {
    history.go(-1);
  }
}

标记中

<a href="javascript:goBackIfAppropriate()">Back Button</a> 

和 为了不让这个答案在没有提及 jQuery 的情况下完成：查看“jQuery BBQ：后退按钮和查询库”

更新：

好的，我们有什么这里是history.go在跨浏览器的iframe中的不一致行为。 Firefox3 似乎完全符合您的要求，而 Chromium 则不然。您可以做的是为您的“后退”链接提供一个 id

<a href="javascript:history.go(-1)" id='back_button'>Back</a>

然后，在加载 iframe 内容后，您可以获取该链接：

var iframe = document.getElementsByTagName("iframe")[0];
var link =  iframe.contentDocument.getElementById("back_button");
link.parentNode.removeChild(link);

或（使用 jQuery ;）

$("iframe").contents().find("#back_button").remove();

或执行您喜欢的任何其他操作。

Answer 2

尝试 history.pushState(null, '', '#stay');

*据我所知，这需要支持 HTML5 的浏览器。