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

        在做项目的时候我们经常会用到一些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>里加上οnblur="self.close()",然后在用window.close()方法关闭当前窗口也不会出现提示,但是试了一下,好像没看到效果;  
另外还有这样,如果是用open()方法打开的子窗口里,直接用windown.close()或top.close()都可以直接关闭窗口,经测试,好象这样的情况下,在body加上οnblur="self.close()"后,的确是可以的,但是不加的没测试。做个简单的记录。












评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值