zoukankan      html  css  js  c++  java
  • iframe嵌套页面的跳转方式

    一、背景
    A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下。


    二、JS跳转
    window.location.href、location.href 本页面跳转,D页面跳转
    parent.location.href 上一层页面跳转,C页面跳转
    top.location.href 最外层页面跳转,A页面跳转


    三、链接或者form
    D页面中有form
    <form>: form提交后D页面跳转
    <form target="_blank">: form提交后弹出新页面
    <form target="_parent">: form提交后C页面跳转
    <form target="_top"> : form提交后A页面跳转


    四、刷新
    parent.location.reload():C页面刷新
    window.opener.document.location.reload():C页面刷新(使用子窗口的opener对象来获得父窗口对象)

    top.location.reload():A页面刷新

    知识点转自http://blog.csdn.net/yuling59520/article/details/5630766

    虽然现在iframe用的较少,但是一些管理系统里还是会用到,今天项目里就遇到一个很奇怪的bug,layer弹出层是一个新页面,页面上有日历控件(WdatePicker.js),关闭弹框时日历控件没有自动消失,这个bug不是所有的页面有,所以很奇葩,这个时候就用到了上面的知识点来解决的,代码如下:


    $(window.parent.document).find(".layui-layer-close").on("mousedown", function(){//关闭弹框前把日历控件关闭
        window.top.$("body>div>iframe").parent("div").hide();
    });

  • 相关阅读:
    梯度下降法-4.向量化和数据标准化
    梯度下降法-3.实现线性回归中的梯度下降法
    梯度下降法-2.线性回归中的梯度下降法
    梯度下降法-1.原理及简单实现
    线性回归算法-5.更多思考
    TCP/IP协议
    TFTP 服务器
    python3 系统编程进程
    python3 私有化 属性property
    python3 面向对象
  • 原文地址:https://www.cnblogs.com/airen123/p/10681277.html
Copyright © 2011-2022 走看看