关于使用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();});
关于使用iframe嵌套页面的跳转方式相关推荐
- 关于前端iframe嵌套页面的跳转问题
因工作中遇到的项目,有iframe页面嵌套,遇到了页面跳转的问题,所以记录解决问题的过程 关于前端iframe嵌套页面的跳转问题 问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即 ...
- iframe嵌套页面之间跳转
"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...
- vue中用iframe嵌套页面,点击返回实现真正的退回上一步功能
vue项目中需要嵌套第三方的页面,但是第三方页面中的网页没有返回按钮,如图所示:此为页面b,页面a为跳到b页面的前一个页面. 点击iframe嵌套页面跳转的第二个页面 要实现不管进入多少层iframe ...
- TP超链接无法下载问题解决 hrome浏览器默认禁止iframe嵌套页面下载文件
var urlshow="{:U('Grant/download')}&grt_id="+row['grt_id']; let link = document.create ...
- 实现iframe嵌套页面通信
实现iframe嵌套页面通信 在项目中通过iframe标签嵌入其他网页时,该如何iframe页面进行通信呢?小菜鸡在这里简单记录一下~ 1.父组件获取子组件: (注:父组件是当前项目页面,子组件是if ...
- h5 iframe嵌套页面_汇总IOS下奇葩BUG以及iframe嵌套页面带来的一些困扰
做H5开发,安卓和IOS的兼容问题经常会困扰我们,尤其是跟第三方平台合作,用到iframe嵌入式应用,令很多Web前端开发的童鞋脑壳疼,相信大家也入了不少坑,且踩且珍惜吧,呵呵^_^.今天抽时间整理一 ...
- 前端Docker部署 https服务以及使用 iframe嵌套页面遇到的问题
中心思想:先部署 http服务,再部署 https服务转发到 http服务上 (如果 http和 https服务部署在同一台服务器上,可共用一个 docker容器同时部署,见 3) 前端Docker微 ...
- 移动端使用iframe嵌套页面 scrolling:auto,ios出现横向滚动条问题
移动端使用iframe嵌套页面 scrolling:auto,ios出现横向滚动条问题 一.业务需求/及问题点 业务需求:开发移动端项目时,在项目网页内引用第三方网页,为此采用<iframe s ...
- 调用iframe嵌套页面的方法
iframe标签定义一个id:" iframeDOM ". 调用页面用的方法: function callIframe(){document.getElementById(&quo ...
最新文章
- JS实现继承的几种方法
- 百度Q3财报里的“大生意”
- 为啥现在4位单片机依然没有被淘汰?4位单片机还有用的吗?
- 学习决心书-linux oldboy
- GSM协议编号及其内容
- html+not选择器,CSS3属性选择器与(:not)选择器_html/css_WEB-ITnose
- 即将放弃python的app_即将放弃Python 2.7的不止有Numpy,还有pandas和这些工具
- xpath contains_Python 爬虫进阶: Scrapy Shell 和 Xpath 学习心得
- 小伙C++代码实现短信表白,软萌甜炸,送给你最喜欢的人!你值得拥有
- shell编程快捷方法
- Producing function in SQL.
- WLAN安全问题详解
- 通过keil hex2bin,bin2hex的方法
- HTTP报文(这篇讲得比较详细)
- [微软苏州校招 Hihocoder] Disk Storage
- android微信卡,微信无响应怎么弄 让别人微信卡死的小技巧(PC/安卓适用)
- 王道数据结构课代表 - 考研数据结构 第五章 树和二叉树 究极精华总结笔记
- 高德地图基础使用教程(附demo)
- YGG 联合创始人 Gabby Dizon 在 Neckerverse 峰会上分享边玩边赚的故事
- raid中条带概念问题