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"来操作修改