history.back();谷歌浏览器，iframe后退问题

最新推荐文章于 2024-10-13 18:14:36 发布

转载最新推荐文章于 2024-10-13 18:14:36 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/feigao/p/6761256.html

本文介绍了一个关于在谷歌浏览器中解决iframe导致的后退问题。当用户从iframe导航离开时，通常会导致整个父页面后退而不是仅仅退出iframe本身。文中提供了一种简单的解决方案：通过获取并设置上一页的URL来实现正确的后退行为。

history.back();谷歌浏览器，iframe后退直接会后退父页面。

使用以下方式即可
//document.referrer是获取上一页的url
location.href=document.referrer;

转载于:https://www.cnblogs.com/feigao/p/6761256.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

badiu_30394251

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Web-拾贝

oscar999的专栏

03-10

1万+

JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.csdn.net/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站，有browser兼容的介绍http://help.dottoro.co...

fwdwqdwq的博客

03-07

3223

HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f

参与评论您还未登录，请先登录后发表或查看评论

iframe的history.back()问题

热门推荐

码农成长日记

05-11

1万+

在iframe的页面中如果使用history.back()，那么会使其主窗口后退。如何令单独的子窗口后退呢？或者如何指定某个页面后退呢？查了一下网上各种说法，什么 top.history.back() 还有 self.history.back()之类的，经过我的实验都不行。最后采用这种： javascript:parent.document.getElement

解决iframe高度自适应问题；iframe更改了src后，父页面history.back只能后退iframe而不能使自己后退问题

木辰風的博客

01-09

1482

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-20

8066

iframe中的子窗口使用history.back,会调用主窗口的history.back. 这可能是由于冒泡所致。阻止冒泡，就可以了。 js执行分为两个阶段，一个是捕获，然后就是冒泡。举个例子，你在大div中嵌套一个小div，两个div都绑定点击事件，当你点击小的div的时候。两个div的事件都会被触发。这就是因为，js的冒泡机制。我不知道你用什么浏览器，如果是w3c标准的话取消事件冒泡是用

解决 iframe 后退不是主页面后退（浏览器 history）问题

w36680130的博客

04-01

985

解决 iframe 后退不是主页面后退（浏览器 history）问题

前端犄角旮旯，非常规面试题总结（不断更新....）

qq_51398495的博客

06-24

1519

27、判断类型的方式有哪些？1、typeof操作符：用来检测数据的类型，返回的是一个表示类型的字符串。2、instanceof操作符：用来检测对象是否为指定的构造函数的实例。3、方法：可以返回对象的准确类型。4、方法：用来判断一个变量是否为数组。（一）typeof和instanceof区别typeof返回的是一个字符串，表示变量的数据类型，可能的返回值有numberstringbooleanfunctionundefinedobject。instanceof返回的是一个布尔值，true或。

前端面试题

IT_Jiangxiaobai的博客

05-19

5754

01-HTML~02-CSS 1.每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？要点一 : 该标签告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面要点二 : 声明对大小写不敏感 2.常用浏览器有哪些，内核都是什么？答：常用浏览器有chrome、safari、 IE、火狐(firefox) 、 Opera 、360、搜狗等 浏览器 内核备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefo

父组件嵌套iframe，解决浏览器后退问题

Marlen

12-17

3340

父组件嵌套iframe，解决浏览器后退问题父组件和iframe通信问题，父组件：在mounted中监听message事件父组件 mounted() { let that = this // 接收子页面参数 window.addEventListener('message', function (result) { // 审批返回数据，页面调条数 let data = JSON.parse(result.data) // 弹出框-展示子页面传

js - iframe更改src后，浏览器后退只能后退iframe，不能使父页面后退解决办法

lixinhua_man的博客

05-05

2004

巧用key特性，在虚拟dom的diff算法中，key有着超高的地位，如果同一类型的虚拟节点的key不相同，就会直接销毁重新挂载，而没有key区分时就会尽可能的复用打补丁（patch）。根据这个特性，只需在iframe上增加不同的key即可，本人直接使用的src。找到原因后，第一想法就是直接整个替换iframe，于是单独写了一个renderIframe的方法，每次生成一个新的iframe，然而事与愿违。此时就产生了一个奇怪的现象：点击回退按钮，iframe出现了后退，而父页面没有回退。

ajax浏览器后退 iframe,ajax后退解决方案

weixin_31715171的博客

08-05

369

一、使用iframe，通过document.write产生历史00var info = document.getElementById('info');var i = 1;function add() {info.innerHTML = i;document.title = i;var data = {param : i,func : func};History.push(data);i++;}H...

解决iframe动态切换src后历史记录，导致页面后退变为iframe后退的问题。只要不刷新浏览器就可以使用

最新发布

qq_18973609的博客

10-13

429

在切换到iframe的地方记录一个值，然后每次切换累加这个值，最后用router.go(累计值)即可回退到上一个页面，

iframe vue 前进后退_iframe子页面调用history.back(),父页面会返回的问题解答

weixin_39895881的博客

03-04

2517

1，问题原因：浏览器兼容问题，Chrome支持，Safari不支持function goBack(){//解决Safari中后退功能的兼容问题if (navigator.userAgent && /(iPhone|iPad|iPod|Safari)/i.test(navigator.userAgent)) {window.location.href = window.documen...

iframe中的子窗口使用history.back 无效

A710652102的博客

07-20

902

iframe框架前进后退

lvgaolong的专栏

11-25

1万+

在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。

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

weixin_30755709的博客

07-03

1268

浏览器的机制如此，在iframe导航变化后手动点击浏览器的后退按钮也依然只是后退iframe中的导航。有一种解决方案是不要修改iframe.src，而是删除旧iframe元素，新建一个iframe元素并替换它，这样不会产生history。直接createElement，替换原来的iframe。转载于:https://www.cnblogs.com/frost-yen/p/9258402....

关于window.history.back() ，本地测试生效，用电脑浏览器访问地址生效，移动端点击无法生效，

Crazy_Cw的博客

01-15

1294

如下是我写了一个 a标签做了一个点击事件： <a href="#" class='back' v-on:click="goback">上一步</a> 下面点击事件： 1，通过查阅相关资料，和观察代码发现：应该是浏览器处理上的差异导致，因为有可能是浏览器先执行了onClick，还没执行完的时候就接着执行了href，导致无法正常返回，解...

关于window.history.back()后退问题

weixin_30752699的博客

11-29

156

Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。而且数据库中删除的数据依然显示在上面感觉非常的不实用。解决办法：history.back()后再加一个reload()这样就可以回到刷新后的页面了即：history.ba...