经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » HTML5 » 查看文章
使用iframe框架时,实现子页面内跳转到整个页面,而不是在子页面内跳转
来源:cnblogs  作者:BeenTogether  时间:2019/8/5 10:08:32  对本文有异议

首先先来描述一下我所遇到的问题,我在一个首页的index.jsp页面中用到了iframe框架,见下图

在iframe中引入jsp页面的路径,是几个iframe框架组合成的一个完整的页面,但是他们的存在是相互独立的。接着我在一个子页面中(right.jsp)中,

想要将页面跳转到登录的页面(登录页面是一个独立的页面,并不是iframe框架),跳转是成功的,但是页面是显示在子页面中的。

问题如何解决:

方法一:

  如果你的页面跳转是使用的<a></a>标签,只需在 a 标签中添加  "target="_parent" 属性即可。

方法二:  

  在head标签之间加入<base target="_parent" /> 。则子页面内的所有跳转默认是父页面一起跳。(注:在子页面的head标签中添加哦) 

方法三:

  在js中跳转,window.location.href();因为window这种跳转是没有target属性的,这时,你可以使用取个巧,

让父页面跟着一起跳转,即在window.location.href=url后面加上window.parent.location.href=url; 

注:希望能帮助到遇到相同问题你

原文链接:http://www.cnblogs.com/BeenTogether/p/11298785.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号