子框架页面跳出到父框架页面代码

子框架跳转至上层

最新推荐文章于 2021-06-04 19:49:11 发布

原创最新推荐文章于 2021-06-04 19:49:11 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

前台技术专栏收录该内容

95 篇文章

订阅专栏

本文介绍了一种从iframe或frame内实现跳转至父框架页面的方法，通过使用JavaScript代码，使得子框架内的退出登录功能可以跳转至上层页面。

子框架页面跳出到父框架页面代码，可以从iframe或frame中跳出到上级页面。比如用iframe做的页面有退出登录功能，退出后的登录页面在框架内部显示，可用此代码解决

function gotoTop(){
    	if (self != top) { 
    		　　parent.window.location.replace(window.location.href);
    		}	
    }

在<body>中onload调用即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

系统信息

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js刷新框架子页面的七种方法代码

12-09

为了验证页面是否成功刷新，`bottom.html`添加了一个`onload`事件，当页面加载时会弹出一个警告对话框显示“我被加载了！”。这表明无论使用哪种刷新方法，只要能正确执行，`bottom.html`都会重新加载并执行其内部的...

iframe子页面操作父页面并实现屏蔽页面弹出层效果

09-28

在本文中，我们将探讨如何在使用iframe嵌套页面时，从子页面（iframe内部页面）操作父页面（包含iframe的页面），以屏蔽整个父页面并弹出特定的层。这种技术尤其适用于需要在子页面加载时阻止用户与父页面互动，同时...

参与评论您还未登录，请先登录后发表或查看评论

重定向跳出父Frame

12-07

198

当session过期后可以用过滤器来设置重定向页面代码如下: public class ActionFilter extends HttpServlet implements Filter {private FilterConfig filterConfig;public void init(FilterConfig config) {this.filterConfig = con...

dialog弹出的界面显示在父级（不局限于Iframe中）跳出Iframe显示

weixin_45286744的博客

12-11

1919

注:前端选用的框架是easyUI 昨天遇到一个小bug,在界面中的Iframe里的界面弹出的框只存在于Iframe中，我想让他显示在整个界面里，来操作首先思想梳理 1.第一步我们要明确想让他在父级中展示就应该吧弹出的框的HTML代码写在父级的前端代码中(默认关闭状态，不显示) 2.第二步在Iframe中的界面JS中调用父级的控件。用parent.定位父级的DIV 3.显示出来后JS的执行代码在也在子级中父级： @* 新增 *@ <div id="applyAdd" class="easyu

html iframe框架跳转,js iframe框架页面跳转(跳出父框架)

weixin_30755903的博客

06-04

1025

常用的iframe操作语句"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转通过javascript从框架页向父框架parent.location.href="index.asp";ortop.location.href="index.as...

如何跳出iframe父级，打开一个链接

weixin_30929295的博客

07-17

223

假设使用window的跳转方法 ①window.parent.frames.location.href = "1.html"; //可以跳出iframe父级此方法虽可跳出父级iframe框架，但是点击浏览器回退键时会把之前所有数据显示在页面上故不采用 ②window.open("1.html","_self"); //若内容需要显示在框架内，就用_self 若...

子框架页面可以调用父框架页面函数

johnnywww的专栏

09-20

6489

现在有个主框架页面body.jsp,其包含如下javascript函数：defultconf="8,*"function expandf(){ if (document.all) { if (document.body.cols!="170,*") { document.body.cols="170,*"; document.frames[0].scrollin

iframe内部跳转让父级页面跳转

weixin_44727080的博客

03-01

3894

前言：在使用iframe的时候，会出现跳转一直在iframe里面的情况，很多时候我们需要跳出iframe然后去他的父级跳转，这种情况下应该怎么做呢，我们在这里说一说它的方法. 首先是我们正常的跳转：（在iframe不行，内部来跳，类型a标签的href） window.location.href 其次：我们来说下iframe，父级跳转方法： parent.locatio...

JS父页面与子页面相互传值方法

10-26

一、子页面是父页面通过`window.open`弹出的情况当子页面是通过`window.open()`函数打开时，我们可以使用`window.opener`属性来访问父页面的DOM元素。以下是一个简单的例子： 1. 父页面代码： ```html <!DOCTYPE ...

CSS3自适应浏览器页面框架布局代码

06-11

本资源“CSS3自适应浏览器页面框架布局代码”旨在帮助开发者创建适应各种屏幕尺寸和设备的网页，确保在不同浏览器上的一致显示效果。首先，CSS3中的媒体查询（Media Queries）是实现自适应布局的关键。媒体查询...

JS的location.href跳出框架打开新页面的方法

10-25

当我们在网页中处理框架（iframe）时，有时需要控制页面的导航行为，特别是当需要从框架内部跳转到一个新的页面，且希望这个跳转能够跳出框架，直接在父窗口中打开页面。这个问题在【标题】和【描述】中被提到，是一...

子iframe通过a标签跳转到父页面_iframe 子页面让父页面跳转

weixin_39874809的博客

12-29

1192

------解决方案--------------------输出脚本C# codestring js = "window.parent.location.href='页面URL';";ClientScript.RegisterClientScriptBlock(this.GetType(), "myJS", js);------解决方案--------------------JScript cod...

iframe跳出框架，在父页面

学而不思

06-26

4920

最近做项目时用到了iframe嵌入框架，iframe嵌入了一个第三方页面，这个页面的内容不可能自己修改，所以之前的所有操作都会嵌入到iframe中，这样不是我想要的。后来在网上搜了下，得到了一个解决办法，记录如下： <iframe id="auth_login" name="auth_login" class="iframestyle" allowtransparency="tru

子页面跳转到父页面指定地方

weixin_30500289的博客

11-09

191

　　　　在iframe子页面跳转到父页面指定的地方:onclick="javascript:window.parent.document.getElementById('sscId').focus()" 、、 sscid为父页面的指定地方的id，onclick事件为子页面点击事件s 转载于:https://www.cnblogs.com/zhangzh/archive/2009...

子页面调父页面方法_HTML页面跳转的5种方法

weixin_39620252的博客

01-02

1901

下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。1) html的实现<head>  <meta http-equiv="refresh" content="10">  ...

MUI框架进入子页面返回刷新父页面

wugezi的博客

03-15

762

非常简单的代码代码： //子页面代码 var back = mui.back; mui.back = function() { 　　// 获取目标口窗口对象　　var target = plus.webview.currentWebview().opener(); 　　// 执行相应的事件　　mui.fire(target, 'refresh', {}); 　　// 执行关闭　　back...

使用clipboard.js实现页面内容复制到剪贴板