iframe 的使用和登陆退出的实现——整个页面跳转

　　iframe中如果只是页面跳转的话，我们依然只是部分的加载的了，为了实现整个页面的所有内容跳转，下面提供了整个页面跳转的方法。

 

iframe例子

1、总的iframe页面（访问就访问这个）  all.html

<frameset rows="45%,*" frameborder=0 framespacing=10>
<frame src="top.html" noresize/>

<frameset cols="20%,*" >
<frame src="left.html" noresize/>
<frame src="right1.html" name="right"/>
</frameset>
</frameset>

 

 

2、top.html （上不的页面）

<html>
<body>
 <img src="1111.jpg" width=410/>
</body>
</html>

 

 

3、left.html  (左下方的页面)

 

<body bgcolor="pink">
 <a href="right1.html" target="right">清华1</a><br>
 <a href="right2.html" target="right">清华2</a><br>
 <a href="login.html" target=_top>退出</a>　　<!-- 这个会跳出整个页面 -->
 <a href="#" onclick="top.location.href='login.html'">退出2</a>    <!-- 这个会跳出整个页面 -->
 </body> </html>

 

 

4、right1.html （右下方页面1）

<html>
<body bgcolor="green">
 right1
</body>
</html>

 

 

5、right2.html （右下方页面2）

<html>
<body>
 right2
</body>
</html>

 

6、login.html

<html>
<body>
登陆界面
</body>
</html>

 

 

7、效果图

 

整个页面跳转——实现登陆退出

　　在手动改HTML代码时经常会用到target参数，常用的有两个target=_blank 和target=_self意思为：
　　target=_blank表示在新窗口中打开该链接；
　　target=_self表示相同框架，即在当前窗口（或当前选项卡）中打开该链接
　　还有两个不常用的：
　　target=_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。 
　　target=_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架 
　　不写的话就是表示默认值，默认值一般跟浏览器有关。

　　比如网A中镶嵌iframe了网页B，网页B又镶嵌iframe了网页C


　　如果网页C中连接设置target=_parent，则跳将网页B去掉直接A中嵌入网页C中链接页面;
　　而如果网页C中target=_top ，则直接跳出所有iframe框架，直接转向C中链接页面。

 

　　如果是在iframe中退出登录，这样就可以了。Response.Write("<script>top.location.href=\"/Login.aspx\"</script>");

 

　　致谢：感谢您的耐心阅读！

 

posted on 2015-09-06 08:50  WhyWin  阅读(16876)  评论(2)  编辑  收藏  举报

导航