[JavaScript] iframe更改了src后，父页面history.back只能后退iframe而不能使自己后退解决办法...

最新推荐文章于 2024-04-29 16:00:04 发布
最新推荐文章于 2024-04-29 16:00:04 发布
阅读量1.1k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/frost-yen/p/9258402.html
版权

浏览器的机制如此，在iframe导航变化后手动点击浏览器的后退按钮也依然只是后退iframe中的导航。

有一种解决方案是不要修改iframe.src，而是删除旧iframe元素，新建一个iframe元素并替换它，这样不会产生history。

直接createElement，替换原来的iframe。

转载于:https://www.cnblogs.com/frost-yen/p/9258402.html

weixin_30755709
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript关于open.window子页面执行完成后刷新父页面的问题分析
10-24
主要介绍了javascript关于open.window子页面执行完成后刷新父页面的问题,实例分析了javascript操作子页面的执行与父页面的刷新技巧,非常具有实用价值,需要的朋友可以参考下
javascript-history.go()和History.back()的区分_.docx
10-09
javascript-history.go()和History.back()的区分_.docx
javascript 中设置[removed].href跳转无效问题解决办法
10-20
主要介绍了javascript 中设置[removed].href跳转无效问题解决办法的相关资料,需要的朋友可以参考下
javascript获取wx.config内部字段解决微信
11-22
javascript获取wx.config内部字段解决微信分享共9页.pdf.zip
javascript中window.open在原来的窗口中打开新的窗口(不同名)
10-23
本文给大家介绍使用window.open在原来的窗口中打开新的窗口，涉及到win.open新窗口相关知识，对本文感兴趣的朋友参考下
iframe中的历史记录问题汇总及解决方案[转]
mhx123456789的博客
07-17 506
iframe中的历史记录问题汇总及解决方案[转]
解决iframe动态切换src后历史记录，导致页面后退变为iframe后退的问题
随风丶逆风的博客
02-20 6494
现象 最近有一个项目内嵌了一个iframe，会在一定条件下动态切换其的src达到切换页面的效果。同时页面父页面中有回退按钮，直接调用的go(-1)。此时就产生了一个奇怪的现象：点击回退按钮，iframe出现了后退，而父页面没有回退。 类似于下面这样： // 动态切换src let iframeSrc: string = 'http://example1.com' setTimeout(() => { iframeSrc = 'http://example2.com' }, 1000) // vu
iframe vue 前进 后退_iframe子页面调用history.back(),父页面会返回的问题解答
weixin_39895881的博客
03-04 2113
1，问题原因：浏览器兼容问题，Chrome支持，Safari不支持function goBack(){//解决Safari中后退功能的兼容问题if (navigator.userAgent && /(iPhone|iPad|iPod|Safari)/i.test(navigator.userAgent)) {window.location.href = window.documen...
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
10-26
主要介绍了javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法即无法再次打开窗口、第二次打开不了,需要的朋友可以参考下
[removed]history.go()和History.back()的区别及应用
01-19
input type=button value=后退 onclick=”window.history.go(-1)”> <input type=button value=前进 onclick=”window.history.forward()”> <input type=button value=后退 onclick=”window.h
关于iframe加载页面会增加浏览器history记录的问题
qq_39738977的博客
03-24 2380
浏览器的history是不支持删除的，因为MDN上都没有给删除的方法 所以在页面里嵌套了多个iframe的时候，切换，就会增加history记录,使用了history.replaceState()不行， window.location.replace()也不行 后来问了朋友，说是iframe重复加载的问题，具体原因是iframe的DOM复用 终极办法还是每次新建iframe dom <template> <div style="height:750px;"> <bu
如何让iframe中的页面后退到上一页
tlcjbl的博客
01-13 3146
如何让iframe中的页面后退到上一页 window.parent.history.back(-1);
解决iframe高度自适应问题；iframe更改了src后，父页面history.back只能后退iframe而不能使自己后退问题
木辰風的博客
01-09 1100
iframe <iframe id="main" name="main" frameborder="0" width="100%" scrolling="auto" :src="iframeUrl" onload="setIframeHeight()"></iframe> 重置iframe高度函数 function setIframeHeight () { //初始不执行 try { vm.timer; ...
iframe的history.back()问题
热门推荐
码农成长日记
05-11 1万+
在iframe的页面中如果使用history.back()，那么会使其主窗口后退。如何令单独的子窗口后退呢？或者如何指定某个页面后退呢？ 查了一下网上各种说法，什么 top.history.back() 还有 self.history.back()之类的，经过我的实验都不行。 最后采用这种： javascript:parent.document.getElement
页面嵌入iframe 点击浏览器后退问题
SeriousLose
06-21 2972
在iframe绑定load事件，这样子就可以监听到打开 iframe 点击浏览器后退 按钮事件；
html页面中使用 JS 返回上一页及返回上一页并刷新，iframe中打开指定页面，跳转到指定页面
代码讲故事
02-11 2979
JS 返回上一页及返回上一页并刷新，iframe中打开指定页面，跳转到指定页面。 常用方法： window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是：window.history.back(); //刷新当前页 window.location.reload(); window.location.go...
Babel 原理浅析
最新发布
qq_39454432的博客
04-29 813
Babel 原理浅析
如何在主页面js修改iframe的跳转链接，我不想用iframe.src
07-20
如果你不想使用 `iframe.src` 属性来修改 iframe 的跳转链接，你可以尝试使用 `setAttribute` 方法来实现。 以下是通过修改 `src` 属性的方式来改变 iframe 的跳转链接的示例代码： ```javascript var iframe = document.getElementById("myIframe"); iframe.setAttribute("src", "https://www.example.com"); ``` 上述代码中，假设 iframe 的 ID 是 "myIframe"，通过 `setAttribute` 方法将 `src` 属性设置为新的链接地址。 另外，如果你想要在特定事件触发时修改 iframe 的跳转链接，你可以将上述代码放置在事件处理函数中。例如，在点击一个按钮后修改 iframe 的链接，可以使用以下代码： ```javascript document.getElementById("myButton").addEventListener("click", function() { var iframe = document.getElementById("myIframe"); iframe.setAttribute("src", "https://www.example.com"); }); ``` 在上述代码中，假设按钮的 ID 是 "myButton"，点击按钮后会获取到 iframe 元素并修改其 `src` 属性。 通过使用 `setAttribute` 方法，你可以在主页面的 JavaScript 中实现修改 iframe 的跳转链接。记得替换代码中的 `myIframe` 和 `https://www.example.com` 分别为你实际使用的 iframe ID 和目标链接。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值