JS完成框架页面的跳转

414 阅读1分钟

前言

这是我参与8月更文挑战的第2天,活动详情查看:8月更文挑战。恰逢掘金八月更文挑战,今天向大家分享一下我使用layui框架时遇到的问题,希望对大家有所启发和帮助!

问题描述

<iframe name="mainFrame"/>框架的页面中跳转页面,始终是以<a herf = "跳转页面" target = "mainFrame"></a>的形式跳转页面,不能摆脱框架,在框架外进行页面的跳转。

问题解决

情景一:在框架中的子页面中,完成在父页面的基础上的页面跳转(完美解决)

    window.parent.frames.location.href = "跳转页面";
    或者
    window.open("跳转页面","_top");

情景二:从一个 Frame 页面中的跳到另一个 name = "mainFrame2" 的 Frame 页面

    window.parent.mainFrame2.location.href = "跳转页面";

情景三:在当前 mainFrame 框架中跳转其他的子页面

    window.mainFrame.location.href = "跳转页面";
    (window.)location.href = "跳转页面";
    window.location.reload("跳转页面");
    window.open("跳转页面", "mainFrame");