因为最近的项目使用了 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) 也可以使用 Windows.open("url","_top");
3.iframe 中还嵌套了一个 iframe, 我们要从内部的 iframe 修改上一个 iframe 的 src 时
可以使用 "parent.location.href" 来操作修改
来源: https://blog.csdn.net/Spearmint_/article/details/101314208