iframe中使用history.back

最新推荐文章于 2024-08-16 17:17:17 发布

毕竟我很菜

最新推荐文章于 2024-08-16 17:17:17 发布

阅读量7.8k

点赞数

分类专栏： JavaScript 文章标签： iframe J2EE javascript JAVA w3c

本文链接：https://blog.csdn.net/hdblocal/article/details/51459265

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

iframe中的子窗口使用history.back,会调用主窗口的history.back.

这可能是由于冒泡所致。阻止冒泡，就可以了。

js执行分为两个阶段，一个是捕获，然后就是冒泡。举个例子，你在大div中嵌套一个小div，两个div都绑定点击事件，当你点击小的div的时候。两个div的事件都会被触发。这就是因为，js的冒泡机制。我不知道你用什么浏览器，如果是w3c标准的话取消事件冒泡是用e.stopPropagation 如果是IE的话直接window.event.chancelBUbble =true就可以了。

冒泡所致，阻止冒泡，就可以了。js执行分为两个阶段，一个是捕获，然后就是冒泡。举个例子，你在大div中嵌套一个小div，两个div都绑定点击事件，当你点击小的div的时候。两个div的事件都会被触发。这就是因为，js的冒泡机制。我不知道你用什么浏览器，如果是w3c标准的话取消事件冒泡是用e.stopPropagation 如果是IE的话直接window.event.chancelBUbble =true就可以了。
引自：http://www.zhihu.com/question/19796017/answer/13443001

具体代码:

function back(){//
		//alert("back");
		window.parent.document.getElementById('list').contentWindow.history.back();
		window.event.chancelBUbble =true;
		//window.parent.backList();
	}

<iframe src="answer.jsp" name="list" id="list" width="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="yes" height="293px" class="ifr"></iframe>
      <span style="white-space:pre">	</span>

注：不支持IE...在IE浏览器下测试无效...