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;  //这一句很关键必须有

特意说明:如果能用正常方式解决最好,实在不行可以试试我这个办法,但愿能解决

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于 iframe 页面无法跳转问题,可以尝试以下几个解决方法: 1. 检查目标页面是否允许被嵌套:有些网站会设置 X-Frame-Options 头部信息来限制是否允许其页面被其他网页的 iframe 嵌套。如果目标页面设置了这个头部信息,并且不允许嵌套,则无法iframe跳转到该页面。您可以检查目标页面的响应头部信息,查看是否有类似的限制。 2. 使用正确的目标 URL:确保 iframe 的 src 属性设置了正确的目标 URL。可以通过在浏览器中直接打开该 URL,验证是否能够正常访问。 3. 检查浏览器安全设置:有时浏览器的安全设置也会导致 iframe 跳转失败。您可以尝试在其他浏览器或隐私模式下进行测试,看是否能够正常跳转。 4. 使用 JavaScript 进行跳转:如果目标页面无法iframe 中直接跳转,您可以尝试使用 JavaScript 在当前页面中进行跳转。通过在父页面中添加 JavaScript 代码,并在 iframe 内部调用该代码来实现跳转。 例如,您可以在父页面中添加以下 JavaScript 代码: ```javascript function redirectTo(url) { window.location.href = url; } ``` 然后,在 iframe 内部页面中调用该函数进行跳转: ```javascript parent.redirectTo('目标URL'); ``` 这样可以通过 JavaScript 在父页面中进行跳转,绕过 iframe 的限制。 如果以上解决方法都无效,可能需要进一步检查代码或提供更多细节,以便更好地帮助您解决问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值