iframe 实现内部页面返回上一级

您所在的位置:网站首页 公众号返回键 返回嵌套页面 iframe 实现内部页面返回上一级

iframe 实现内部页面返回上一级

2024-07-16 18:30| 来源: 网络整理| 查看: 265

1.问题所在

后台采用iframe的方式去写的 当用户点击浏览器的返回上一级就会让页面回到登录页面。

2.想要实现效果

当用户点击上一级的时候只会让iframe里面的内容去返回上一级而不是整个iframe返回

3解决问题方案 3.1第一种解决方案

首先我想到的是给代码加一个返回上一级按钮轻松实现

代码如下

返回上一级 function back() { document.frames['admin'].history.back(); return false; } 3.2监听浏览器的返回按钮

直接上代码

function back() { document.frames['admin'].history.back(); return false; } $(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forward', null, '#'); window.history.forward(1); back(); //alert("请使用自带的返回按钮操作"); }); } window.history.pushState('forward', null, '#'); //在IE中必须得有这两行 window.history.forward(1); });

经测试在苹果 chrome safari 下正常运行其他需自测



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3