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>");

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

iframe 的使用和登陆退出的实现——整个页面跳转的更多相关文章

  1. laravel前后端分离的用户登陆 退出 中间件的接口与session的使用

    在项目开发的过程中,需要有用户的登陆 退出 还有校验用户是否登陆的中间件; 基本思路: 登陆: 前端请求接口的参数校验 用户名 密码规则的校验 用户名密码是否正确的校验; 如果上面的校验都通过的了,把 ...

  2. Yii2 前后台登陆退出分离、登陆验证

    这里用的yii2高级模板, 基本模板的配置文件在一个文件里,方法基本没什么区别, 1.用户表要有两个用户表, 当然一个也行,分开是省得麻烦,既然是分离了就彻底分开, 前台表user,后台表user_b ...

  3. ionic3.x版本-实现点击tab导航栏判断是否已经登陆然后加载不同页面,和退出登录功能。

    html代码: <ion-tabs #myTabs> <ion-tab [root]="tab1Root" tabTitle="首页" tab ...

  4. iframe重定向让父页面跳转

    情景描述 我们在使用一些后台程序的html模板(比如H-ui)的时候,这些html前端程序是iframe版的, 也就是说在使用的时候,每当我点击左侧导航栏的一个按钮,在右侧就会弹出一个菜单栏,在显示的 ...

  5. Django auth 登陆后页面跳转至/account/profile,修改跳转至其他页面

    这几天在学习django,django功能很强大,自带的auth,基本可以满足用户注册登陆登出,简单的用户注册登陆系统使用django auth足矣.当然也不是拿来就能用的,需要自己写登陆页面的模板, ...

  6. [ExtJS5学习笔记]第二十五节 利用window.open()函数实现ExtJS5的登陆页面跳转

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/40427543 mvvm方式实现登陆的博客:http://blog.csdn.net/s ...

  7. __x__(14)0906第三天__<iframe> 内联框架 引入有一个外部html页面

    在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe ...

  8. 使用iframe框架后的页面跳转时目标页面变为iframe的子页面的问题

    <frameset rows="4,200,10,*,120" cols="*" framespacing="0" framebord ...

  9. javascript控制页面(含iframe进行页面跳转)跳转、刷新的方法汇总

    一.JS方式的页面跳转1.window.location.href方式    <script language="JavaScript" type="text/ja ...

随机推荐

  1. PDF.NET框架学习篇之SQL-MAP使用存储过程

    最近一直在学习“深蓝医生”的PDF.NET框架,对Sql-Map使用存储过程有了点小小的体会.基础知识请到http://www.cnblogs.com/bluedoctor/archive/2010/ ...

  2. [转载]jQuery诞生记-原理与机制

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3520 一.看似偶然的 ...

  3. css 属性选择器

    css2的属性选择器 1.[class~="flower"]:选中有flower的class class="flower ss" class="ss ...

  4. 调用没有在AndroidManifest.xml注册过的Activity,报出的错误提示

  5. SAP 使用较频繁的日期时间处理函数总结

    在ABAP实际开发中,经常需要用到一些日期时间处理函数,个人感觉经常使用到的函数进行一下汇总 1.  根据工厂日历 计划交货日期 和 收货处理时间 来计算 销售计划中计划完工日期,其他类似日期计算等 ...

  6. Snort - manual 笔记(五)

    1.9 Miscellaneous 1.9.1 Running Snort as a Daemon 如果你想让Snort作为守护程序运行,你可以在最后加上 -D 选项.清注意如果你想通过发送一个 SI ...

  7. SharePoint 2010 网站备份还原简单介绍

    今天尝试了SharePoint2010网站的备份和还原,从网上搜一些文档看看,然后自己试试,感觉和2007的操作没什么太大的区别,跟大家分享下自己尝试的命令行方式和数据库的方式,2007自己常用的也是 ...

  8. Sharepoint学习笔记—习题系列--70-576习题解析 -(Q52-Q55)

    Question 52You are responsible for rebranding the My Sites section of a corporate SharePoint 2010 fa ...

  9. JavaScript学习07 内置对象

    JavaScript内置对象 图像对象 导航对象 窗口对象 屏幕对象 事件对象 历史对象 文件对象(重要) 锚点对象 链接对象 框架对象 表单对象(重要) 位置对象 JS Window 窗口对象:ht ...

  10. 转 用C API 操作MySQL数据库

    用C API 操作MySQL数据库 参考MYSQL的帮助文档整理 这里归纳了C API可使用的函数,并在下一节详细介绍了它们.请参见25.2.3节,“C API函数描述”. 函数 描述 mysql_a ...