使用返回按钮。
在父页面上使用返回按钮,而不是在 iframe 中使用,可以通过以下几种方式实现:
history
对象来实现页面的前进和后退操作。通过调用 history.back()
方法可以模拟点击浏览器的返回按钮,返回到上一个页面。function goBack() {
history.back();
}
postMessage
方法进行跨文档通信。在 iframe 页面中发送消息给父页面,然后父页面接收到消息后执行相应的操作,如返回操作。父页面中的代码:
window.addEventListener('message', function(event) {
if (event.data === 'goback') {
history.back();
}
});
在 iframe 页面中发送返回消息给父页面:
function sendGoBackMessage() {
parent.postMessage('goback', '*');
}
父页面中的代码:
document.addEventListener('goback', function() {
history.back();
});
在 iframe 页面中触发自定义事件:
function triggerGoBackEvent() {
var event = new Event('goback');
parent.document.dispatchEvent(event);
}
以上是几种常用的方法来实现在父页面上使用返回按钮而不是在 iframe 中使用。具体使用哪种方法,可以根据实际情况来选择。
领取专属 10元无门槛券
手把手带您无忧上云