精华内容
下载资源
问答
  • “window.location.href”、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的...

    “window.location.href”、"location.href"是本页面跳转
    "parent.location.href"是上一层页面跳转
    "top.location.href"是最外层的页面跳转
    举例说明:
    如果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页面跳转
    现在终于明白了连接的时候target的用法了:
    _blank:重新打开一个窗口
    _parent:父窗口执行重定向
    _self:自身页面重定向
    _top:第一个父窗口重定向
    综上所述可知:parent.window:父窗口对象 top.window:第一个父窗口的对象
    下面来重点看看window.parent与window.openner区别
    window.parent 是iframe页面调用父页面对象,当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取;

    展开全文
  • 关于前端iframe嵌套页面跳转问题

    千次阅读 2020-11-16 21:54:15
    问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面. 过程: 开始在B中尝试使用页面跳转location.href="A登录的页面地址",一直访问失败,且...

    因工作中遇到的项目,有iframe页面嵌套,遇到了页面跳转的问题,所以记录解决问题的过程

    关于前端iframe嵌套页面的跳转问题

    问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面.

    过程:
    开始在B中尝试使用页面跳转location.href="A登录的页面地址",一直访问失败,且浏览器地址栏的url也没有变化,查询相关资料得到解决方法.

    解决方案:
    使用:windows.parent.location.href="A登录的页面地址",成功访问到了A的登录页面,并且浏览器地址栏也发生变化.

    总结:

    • window.location.hreflocation.href 只在本页面跳转,(如上文所述,只能负责iframe的B页面跳转)
    • windows.parent.location.href 上一层页面跳转 (如上文所述,指的是iframe中外面嵌套的A页面跳转)
    • windows.top.location.href 最外层页面跳转 (可以iframe多层嵌套,如A页面嵌套在C页面中,指的是iframe中最外面嵌套的页面C的跳转)

    参考资料

    展开全文
  • 一、背景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...

    一、背景
    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();
    });

    转载于:https://www.cnblogs.com/airen123/p/10681277.html

    展开全文
  • 关于使用iframe嵌套页面跳转方式

    千次阅读 2019-05-08 15:22:31
    A,B,C,D都是js,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下。 二、JS跳转 window.location.href、location.href 本页面跳转,D页面跳转 parent.location.href 上一层页面跳转,C页面...

    一、背景
    A,B,C,D都是js,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页面刷新

    展开全文
  • 假设有A、B、C和D四个JSP页面,D通过iframe嵌套在C中,C通过iframe嵌套在B中,B通过iframe嵌套在A中。 然后现在在D中编写JavaScript代码跳转页面。 在本页面跳转(D页面所在的iframe中跳转) window.location....
  • 背景:登录的时候,我们后台会进行验证,如果session过期,一般会跳转到登录页面,这里使用的iframe页面又被嵌套了一层  可以在登录界面/主界面加如下代码处理:  if(window !=window.top){  window.top....
  • iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="宽" height="高" scrolling="是否滚动(一般为“no”)"></iframe> 2.在HTML中写入a标签,...
  • 在elementUI中使用树形控件和tabs标签页集成展现iframe嵌套跳转页面使用树形控件node-key="id" :props="defaultProps" @node-click="handleNodeClick">使用tabs标签页组件v-for="(item, index) in editableTabs":...
  • iframe嵌套,实现不刷新页面 1. 判断iframe嵌套 使用window.top判断是否嵌套 window.self === window.top // true 表示 没有嵌套 // false 表示嵌套 2. iframe嵌套,,不刷新 ...
  • 项目中很多时候会遇到需要用 iframe 嵌套页面的情况。有时候会有这样的需求: iframe 嵌套页面 A ,点击之后要跳到页面 B ,但是同时还需要 A 页面中的某个属性值。 此时可以先把 A 页面的属性值赋值给最外层的...
  • 就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
  • iframe内嵌页面跳转的两种方法

    千次阅读 2019-09-05 15:40:33
    通过 a标签的 "traget"属性 指定iframe的名字name ,将href写为要跳转的url</p> <a href="http://baidu.com" target="aframe" >点击</a> <p>下面是:iframe标签</p> <iframe name...
  • iframe页面无法跳转问题

    千次阅读 2019-07-11 15:50:00
    先介绍下我们的项目结构类似与博客园这种页面,左侧很多tab栏,右边是一块内容区域,之后不管做什么样的操作都在这一块区域中,大概有一百多个页面,我是第一次见到这样结构,用的iframe页面来进行嵌套的。...
  • iframe页面嵌套问题

    万次阅读 2019-06-09 18:55:37
    iframe页面嵌套问题 开发工具与关键技术:VisualStudio C# 作者:落灵 撰写时间:2019/6/8 一、 iframe的框架根据内容自适应高度 iframe是在项目设计中经常用到的框架标签。而它的作用就是把页面嵌套在自身形成的...
  • js跳转页面iframe嵌套的问题

    千次阅读 2017-03-09 09:38:43
    登录的时候,我们后台会进行验证,如果Session过期,我们一般会跳转到登录页面,这里使用的iframe,页面又被嵌套了一层。 可以在login.aspx登录页面中加入js代码处理: if(window != window.top){ window.top....
  • 问题:如果直接在嵌套页面里面使用window.location.href='http://www.xxx.xx',会发现页面无法跳转,甚至出现跨域问题 解决:通过window.top.location.href 或者window.parent.location.href 跳转 两者区别如下: ...
  • 当我点击保存的时候改变的是整个页面,使用 window.parent.location 点击下一步的时候是局部跳转 使用 window.location.href
  • iframe重定向让父级页面跳转

    千次阅读 2018-11-09 15:46:00
    父级页面iframe标签嵌套了顶部导航栏,点击导航栏想要实现父级页面跳转。 使用window.top.location实现父级页面重定向。 top表示顶层页面。由于页面嵌套iframe页面,top表示最外面一层。 ...
  • 项目的主页使用的iframe嵌套的方式,发现登录之后,过段时间session过期,跳转到登录页面的时候就会出现页面嵌套的问题。在登录页面加上如下代码可解决 if (top != window) top.location.href = window.location....
  • 记录一下iframe内嵌页面跳转方式 代码: index.html: <html> <head> <title>根目录</title> <script> function changeSrc1() { document.getElementById("iframe...
  • <iframe :src="`http:*****`" frameborder="0" scrolling="auto" width="100%" height="100%" style="overflow-y:scroll;"></iframe>
  • 解决办法:在登录页面加入以下JavaScript代码 // 解决登录页面可能会在iframe标签中显示的问题 if(window.top !== window){ window.top.location = window.location; }
  • iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="宽" height="高" scrolling="是否滚动(一般为“no”)"></iframe> 2.在HTML中写入a标签,当...
  • #<iframe> //===>页面1 # <... //===> 页面 2 # <body>...a href="controller/123/">跳转<...访问controller跳转到第三个页面.....但是js,css样式报404 # &l...
  • iframe引入的页面中,通过事件触发的方式进行传递参数,其中data是一个标识符的作用,在main.js中通过data进行判断,params是要传递的参数 //iframe向vue传递跳转路由的参数 $('#serverIPanalysis').click...
  • iframe嵌套iframe 页面高度自适应

    千次阅读 2020-06-28 15:39:36
    做项目的时候遇到了iframe嵌套iframe 需要页面高度跟随页面内容多少来显示。而且还不能使用iframe自带的scrolling滚动条。 刚开始就算父iframe高度 计算错误,导致页面显示只显示一半的内容。 解决方法是 : 在...
  • 内嵌iframe页面跳转的问题

    千次阅读 2019-09-29 16:25:19
    刚刚遇到了一个问题,当用户登录超时时,页面应该跳转到登录页面,但我每次点击菜单的时候,有的时候就直接在内嵌的iframe里面直接跳转登录页面了,并没有在最外层进行跳转,经过一番的查询得出以下结论 window....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,565
精华内容 2,626
关键字:

iframe嵌套页面跳转