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