iframe操作src或url的方式

因为最近的项目使用了iframe,又开始做适配,而之前项目的一些修改url的操作需要做一些修改才能保证页面跳转及显示正常

"window.location.href"、"location.href"是本页面跳转

因为框架是用的别的项目的,他们提供项目的菜单框架,而内部的iframe嵌入我们的页面

1.当是我们项目内部,即iframe中页面修改

1)可以使用"window.location.href"、"location.href"实现当前页面跳转

2)也可以直接通过js操作dom,修改iframe的src

例:

<div>
    <iframe id="map" name = "mapiframe" src="/test/abc" frameborder="0" ></iframe>
</div>

 

$("#map").attr("src", '/changeSrc/abc');

当然,使用location.href操作是最方便的

 

2.我们需要修改浏览器的url,最外部的 url时

1)可以使用"top.location.href"来操作修改

2)也可以使用window.open("url","_top");

 

3.iframe中还嵌套了一个iframe,我们要从内部的iframe修改上一个iframe的src时

可以使用"parent.location.href"来操作修改
 

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值