您的位置：首页 > 其它

如何退出一个框架页面的几种方法

2015-04-03 10:34 267 查看

在做项目的时候我们经常会用到一些Iframe框架结构的情况，下面我们就来说说如何退出框架页的操作，如：

<frameset rows="98,*,8" frameborder="no" border="0" framespacing="0">
<frame src="Top.aspx" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<frame src="Center.aspx" name="mainFrame" id="mainFrame" />
<frame src="Bottom.aspx" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes>
<body>
</body>
</noframes>

先普及一点相关的知识点：

window 对象某些属性的相关信息。

属性方法描述

opener open opener 属性仅在使用 window.open 方法打开的页面中可用。

parent, top 无 parent 和 top 属性对 frame 或 iframe 内打开的窗口可用。这两个属性分别返回立即父窗口和最上层的祖先窗口。

parent, top open parent 和 top 属性对于通过 open 方法打开或以对话框打开并返回到当前窗口的窗口可用。

length 无不管窗口是怎么打开的，length 属性总是返回窗口中的框架数目。

dialogArguments, dialogHeight, dialogLeft, dialogTop, dialogWidth, returnValue showModalDialog 和 showModelessDialog

parent 获取对象层次中的父窗口。

top 获取最顶层的祖先窗口。

1、直接从框架页中退出，并转向到新的窗口
if (Session["USERNAME"] == null)
{
Response.Write("<script language=javascript>alert('登陆超时，请重新登陆！！')</script>");
Response.Write("<script language=javascript>top.location.href='Login.aspx'</script>");
}

2、如果需要在框架页中关闭当前窗口并打开新窗口
1）先提示关闭当前窗口，并且在确定关闭当前窗口后，打开新窗口.
if (Session["USERNAME"] == null)
{
Response.Write("<script language=javascript>alert('登陆超时，请重新登陆！！')</script>");
Response.Write("<script>window.parent.close(); window.open('Login.aspx');</script>");
}

类似的效果：
if (Session["USERNAME"] == null)
{
Response.Write("<script language=javascript>alert('登陆超时，请重新登陆！！')</script>");
Response.Write("<script>window.opener=null;top.window.close();</script>");
}

3、在框架中关闭当前窗口，不提示。并且打开新窗口
if (Session["USERNAME"] == null)
{
Response.Write("<script language=javascript>alert('登陆超时，请重新登陆！！')</script>");
Response.Write("<script>window.open('Login.aspx');top.close();</script>");
}

if (Session["USERNAME"] == null)
{
Response.Write("<script language=javascript>alert('登陆超时，请重新登陆！！')</script>");
Response.Write("<script language=javascript>parent.location.href='Login.aspx'</script>");
Response.Write("<script language=javascript>window.open('Login.aspx');opener=null;top.close();</script>");
}

window属性：

opener 设置或获取创建当前窗口的窗口的引用。

self 获取对当前窗口或框架的引用。

windown方法：

close 关闭当前浏览器窗口或 HTML 应用程序(HTA)。

open 打开新窗口并装入给定 URL 的文档。

小结一下：

两句任意选一句都可完成表面上类似同样的效果。

但是实际效果上的差别：

Response.Write("<script language=javascript>parent.location.href='Login.aspx'</script>");

这里将parent换成top也可以，没仔细研究为什么。自己使用。我在我的框架里top,left.right（三个框架的right使用无任何问题）

这个是直接转向到新页面，但是地址栏上的后退仍然是可以后退的，虽然点后退会在次返回，可是如我上面的写法，在page_load里，会再次提示“登陆超时，请重新登陆”确定后再返回。这样的效果，我不是很满意，所以得出了下面的使用方法。

Response.Write("<script language=javascript>window.open('Index.aspx');opener=null;top.close();</script>");

这个的功能是什么实际效果呢？很简单，打开新窗口后，接下来，将原来的框架窗口关闭，注意是新窗口，那么当然后退按钮就变成灰色的了。客户端自然无法后退了。这个效果我比较喜欢。很符合我的原意（比如：不用考虑重复提交之类的问题了）。

另外我加上opener=null这句，是根据我的理解加上去的，好象去掉也照样可以实现同样的效果。这里如果将top换parent也同样可以使用。但是如果换window.close()那提示框又回来了。以上都是在IE6.0以上版本实现的效果，别的浏览器没试验过。

小注：在查阅资料的时候，有的是这样说，在需要关闭的窗口<body>里加上onblur="self.close()",然后在用window.close()方法关闭当前窗口也不会出现提示，但是试了一下，好像没看到效果；

另外还有这样，如果是用open()方法打开的子窗口里，直接用windown.close()或top.close()都可以直接关闭窗口，经测试，好象这样的情况下，在body加上onblur="self.close()"后，的确是可以的，但是不加的没测试。做个简单的记录。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航