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

<frameset rows="4,200,10,*,120" cols="*" framespacing="0" frameborder="no" border="1" >

<frame src=""/>

<frame src="<%=practiceInfoSrc %>" id="practiceInfo" name="practiceInfo"  noresize />

<frame src="" scrolling="no"/>

<frame src="<%=practiceSrc %>" id="prombleInfo" name="prombleInfo"  scrolling="yes" noresize />

<frame src="<%=practiceAnswerSrc %>" id="answerInfo" name="answerInfo" noresize/>

</frameset>

总的来说,使用 iframe 时,在子页面中的跳转要十分细心,跳转的目标页面时作为子页面还是作为整个页面。从子页面使整个页面跳转的方法有两个:

(1)在标签中跳转,设置标签的 target 属性为 _parent;

(2)在 js 中使用 window.location.href 跳转,让父页面跟着一起跳转,即在window.location.href=url后面加上window.parent.location.href=url ;

时间: 2024-07-31 14:48:33

使用iframe框架后的页面跳转时目标页面变为iframe的子页面的问题的相关文章

使用yii的layout,加入&lt;?php echo $content; ?&gt;这句话时,它会自动在子页面上面添加一个div包裹

使用yii的layout,加入<?php echo $content; ?>这句话时,它会自动在子页面上面添加一个div包裹,而且div的id命名为id=content,这个和已有id重复,如何解决? http://hi.baidu.com/jyhscy/item/2b05034c9d9f1e35fb8960d1 yii中layout的column和main文件之间的关系 在yii创建应用成果之后,在view/layouts/目录下,会产生3个布局页面: -->main.php --&g

如何让iframe框架和主页面共用一个滚动条(也称为:iframe高度自适应问题)

最近在前端页面遇到了一个问题,我在一个页面中利用iframe框架引入了一个页面进来,但是这个页面的高度是不叫高的,高出电脑屏幕很多, 所以就引发了iframe框架一个滚动条,然后主页面一个滚动条,这样页面就出现了两个滚动条.在网上查了好久,一直没有好的方法,直到我在 网上看到了iframe高度自适应,才解决了这个问题. 自适应的意思是,iframe框架的高度自动适应引入的HTML文件的内容高度,显在页面上的iframe的高度就是引入的文件的高度,这样就解决了公用一个滚动条的问题 js代码: fu

android studio真机测试页面跳转时自动弹出软件,报错null exception解决方案

写的ASdemo登录页面后将实现页面跳转,可以看到跳转页面后自动弹出软件,查看AS的logcat说明错误原因时java的空指针问题! 解决方案: 查看新的页面(activity)代码是否存在空指针!发现我的一个String 类型的变量存在直接判等操作eg: if ( !name[0].equals("F") ) { ..... },这句话有问题,由于我的name字符串里面的值来自于其他数据库操作获取数据,全局变量只声明未初始化,在参与计算时先判断一下是否为null! 所以先判断if (

jQuery插件--zTree中点击节点实现页面跳转时弹出两个页面的问题

这是第一次使用zTree,所以在使用之前我要先写一个demo来学习一下.我们要注意的是,zTree是一个jQuery插件,所以我们在导入zTree的js文件之前要先导入jQuery的js文件. 我们先下载zTree,点击我跳转到一个网站进行下载 代码直接贴出来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link

Vuex页面跳转时数据传递

1.Vuex概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 这个状态自管理应用包含以下几个部分: state,驱动应用的数据源: view,以声明方式将 state 映射到视图: actions,响应在 view 上的用户输入导致的状态变化. 以下是一个表示"单向数据流"理念的极简示意: Vuex基本思想 2. 引入vuex npm install vuex --save 3.在src/store文件下下创建一个store.js import Vue from '

页面加载时每隔30秒刷新本页面

window.onload = function () { ChkTicketSuccess(); } var timer; var times = 0; function ChkTicketSuccess() { clearTimeout(timer); if (times > 0) { window.location.reload(); } timer = setTimeout("ChkTicketSuccess()", 30000); times = 1; }

解决iframe重定向让父级页面跳转

原文:http://www.jb51.net/article/40583.htm 有内嵌iframe的页面,当session过期时,点击连接重定向后的跳转会在iframe中跳转,在登录页面中加入下面的代码,就会在最外层页面跳转 原文:http://www.cnblogs.com/JemBai/archive/2011/10/09/2203429.html <script language="JavaScript"> if (window != top) top.locati

jquery mobile页面跳转后,JS无效的原因及解决方案

最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可有效,也就是js没有起作用,并不是js本身的问题,下面说说解决方法:在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"

jquery mobile页面跳转后,必须重新刷新页面js方可有效

最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可有效,也就是js没有起作用,并不是js本身的问题,下面说说解决方法:在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"