iframe页面无法跳转问题

之前在工作中没有结果过iframe,来到现在这家公司以后 真是被iframe坑惨了。这个随笔就来纪录一下遇到的奇葩问题。

先介绍下我们的项目结构类似与博客园这种页面,左侧很多tab栏,右边是一块内容区域,之后不管做什么样的操作都在这一块区域中,大概有一百多个页面,我是第一次见到这样结构,用的iframe页面来进行嵌套的。

正常情况下是可以用下面这种方式进行页面跳转的,之前也在别的页面成功过

// window.location.href = loadUrl + "?aid=" + aid + "&aidName=" + encodeURIComponent(encodeURIComponent(aidName))+"&assetTypeCode="+assetTypeCode+"&pageNo="+pageNo;

,但是那天的情况是这种方法不管用了。虽然审查元素的时候,iframe 上的src属性已经改变,但是页面没有渲染出来,在网上找了各种办法也没有解决,后来一个朋友提供了一个办法,问题完美解决了,我发出来仅供大家参考

window.frameElement.src=loadUrl + "?aid=" + aid + "&aidName=" + encodeURIComponent(encodeURIComponent(aidName))+"&assetTypeCode="+assetTypeCode+"&pageNo="+pageNo;
window.frameElement.outerHTML = window.frameElement.outerHTML; //这一句很关键必须有

特意说明:如果能用正常方式解决最好,实在不行可以试试我这个办法,但愿能解决
原文地址:https://www.cnblogs.com/hellosxs/p/11170510.html