美文网首页
iframe操作外层src或在最外层改变url的方式

iframe操作外层src或在最外层改变url的方式

作者: SY | 来源:发表于2021-08-23 10:04 被阅读0次

    因为最近的项目使用了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"来操作修改

    相关文章

      网友评论

          本文标题:iframe操作外层src或在最外层改变url的方式

          本文链接:https://www.haomeiwen.com/subject/udcabltx.html