首页 技术 正文
技术 2022年11月14日
0 收藏 758 点赞 4,620 浏览 1371 个字

  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" rel="external nofollow" target="right">清华1</a><br>
<a href="right2.html" rel="external nofollow" target="right">清华2</a><br>
<a href="login.html" rel="external nofollow" target=_top>退出</a>  <!-- 这个会跳出整个页面 -->
 <a href="#" rel="external nofollow"  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、效果图

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

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

  在手动改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>”);

  致谢:感谢您的耐心阅读!

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,156
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,624
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,468
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,240
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,876
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,043