如何跳出页面的frameset框架?

本文介绍了从网页框架中跳出的多种方式,包括使用JavaScript脚本和链接方法,并提供了具体的代码实例。
很多网页都是框架结构的,在很多的情况下会通过按钮点击事件或链接,跳出框架转到其它界面。例如说点击“注销登录”返回到登录界面。
一、通过运行脚本跳出框架有以下几种写法:
1.<script language = javascript>window.open('Login.aspx','_top')</script>"
2.<script language = javascript>window.open('Login.aspx','_parent')</script>"
3.<script language = javascript>window.parent.location.href='login.aspx'</script>
4.    Response.Write("<script>window.parent.opener=null;window.top.close();</script>")
       Response.Write("<script>window.open('index.aspx','');</script>")
       这种方法会先关闭原框架窗口,再重新打开一个新的窗口。这在很多功能界面对浏览器进行了改变设置,而回到登陆界面又用缺省设置的情况下适用。
二、链接跳出框架
这种情况就很简单了,加上 target="_top" 属性就可以了。

它会跳转到其他的页面。

摘自:Sunge's Blog

http://hi.baidu.com/5unge/item/050431c40bba597089ad9eb8

在HTML中,`target="_top"` 是 `<a>` 标签或 `<form>` 标签等的一个属性值,它具有特定的含义、使用场景和作用。 ### 含义 `target="_top"` 表示将框架中链接的画面内容,显示在没有框架的视窗中,也就是除去了框架,在整个浏览器窗口中打开被链接的文档。当网页使用了框架结构时,点击带有 `target="_top"` 属性的链接,会打破当前的框架结构,在最顶层的窗口中加载新的页面。当网页没有框架时,它和 `target="_self"` 以及 `target="_parent"` 的显示方式几乎相同 [^1]。 ### 使用场景 - **框架页面导航**:在使用框架布局的网页中,如果需要从某个框架内的链接跳转到一个新页面,并且希望这个新页面占据整个浏览器窗口,而不是在当前框架内显示,就可以使用 `target="_top"`。例如,网站的导航栏位于一个框架中,点击导航栏的链接后,希望在整个窗口中显示对应的页面,此时可以为链接添加 `target="_top"` 属性。 - **跳出嵌套框架**:当网页存在多层嵌套框架时,如果需要从内层框架跳转到一个独立的页面,打破所有框架的限制,让新页面在整个窗口中显示,`target="_top"` 就非常有用。 ### 作用 - **打破框架限制**:它能够突破框架的束缚,将用户引导到一个全新的页面,提供更好的浏览体验。比如,当用户在框架内浏览一些局部内容后,点击链接希望看到完整的页面,`target="_top"` 可以满足这个需求。 - **统一页面显示**:确保链接的页面在整个浏览器窗口中显示,避免页面框架内显示可能出现的布局混乱或显示不全的问题。 以下是一个简单的HTML示例,展示了 `target="_top"` 的使用: ```html <!DOCTYPE html> <html> <head> <title>target="_top"示例</title> </head> <frameset cols="20%, 80%"> <frame src="nav.html"> <frame src="content.html"> </frameset> </html> ``` 在 `nav.html` 中可以有如下链接: ```html <!DOCTYPE html> <html> <body> <a href="newpage.html" target="_top">跳转到新页面</a> </body> </html> ``` 点击“跳转到新页面”链接后,`newpage.html` 会在整个浏览器窗口中打开。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值