开发者问题收集

iframe 中的后退和前进按钮

2010-07-15
93502

如何使用 JS 在 iframe 中“实现”后退和前进按钮?

3个回答

使用 window.history 对象。

// For the current window
window.history.back();     
window.history.forward();

// For an iframe's window
iframe.contentWindow.history.back(); 
iframe.contentWindow.history.forward();

iframe.contentWindow.history.go(-1); // back
iframe.contentWindow.history.go(1);  // forward

https://developer.mozilla.org/en/dom/window.history

Andy E
2010-07-15

2017年更新:如果iframe内容的来源与封闭页面的来源不同,除非您在远程启发处控制内容并且可以接受 postmessage,否则没有办法执行此操作。 事件。如果原点是相同的,那么较旧的答案仍然可以工作。

如果您控制的应用程序中的网络视图中,您还可以设置一个钩子本机侧来控制此问题。

Adam Leggett
2017-04-10

框架内的按钮:

<input type="button" value="Back" onclick="history.back()">

父框架内的按钮:

<input type="button" value="Back" onclick="frame_name.history.back()">
Pavel Strakhov
2010-07-15