iframe跳出框架,在父页面

最近做项目时用到了iframe嵌入框架,iframe嵌入了一个第三方页面,这个页面的内容不可能自己修改,所以之前的所有操作都会嵌入到iframe中,这样不是我想要的。后来在网上搜了下,得到了一个解决办法,记录如下:

<div id="loginDiv" align="center" style="margin-top: 80px;">

<iframe id="auth_login" name="auth_login" class="iframestyle"  allowtransparency="true"  style="width:487px; height: 477px;border: none;"

src="authen/loginUrl.json"

frameborder="0" scrolling="no"></iframe>

</div>

jsp:

<script language="javascript">

window.parent.frames.location.href="../welcome.en"

</script>

后台java code:

PrintWriter out = response.getWriter();

out.write("<script type=‘text/javascript‘>window.parent.frames.location.href = ‘../"+mainPageUrls+"‘;</script>");

时间: 12-08

iframe跳出框架,在父页面的相关文章

在父页面和其iframe之间函数回调 父页面回调iframe里写的函数

// @shaoyang  父页面 window['mengBanLogin']={ mengBanArr : new Array(), mengBanLoginSuccess : function(){ console.log('mengbanzhixing'); if(mengBanLogin.mengBanArr.length > 0){ for(var i = mengBanLogin.mengBanArr.length-1; i >= 0; i--){ mengBanLogin.me

JS location.href跳出框架打开新页面

后面在框架中,当判断登录失效后要返回登录页面,但登录页面却在框架内打开,我想让它直接跳出框架打开,这里不是打开新窗口. echo "<script language=\"javascript\">alert('登录已失效或没有登录,请登录!');location.href='login.php';</script>";原内容是上边这样的,要想让它跳出框架打开登录页,方法:echo "<script language=\&quo

iframe提取与改变父页面元素

一:利用jquery方法获得 1:取值 $(window.parent.document).find("#second_navigator").html(); 2:改变父页面元素 $(window.parent.document).find("#second_navigator").html("我是从iframe里传来的值"); 二:javaScript方法 1:取值 window.parent.document.getElementById(&

layui: 子iframe关闭/传值/刷新父页面

https://www.cnblogs.com/jiqing9006/p/5135697.html 父层 <div class="col-xs-4 text-left" style="padding-left: 50px;"><button type="button" class="btn btn-success" onclick="addCategory();">添加</bu

iframe跨域获取父页面url

iframe在跨域情况下, window.top.location.href 无法访问到. 可通过 document.referrer 访问到url,该属性是当前页面document的一个属性,记录这个页面的来源页面. 关于介绍更多的document.referrer内容: http://driftcloudy.iteye.com/blog/986265

Iframe父页面与子页面之间的调用

专业词语解释如下:     Iframe:iframe元素是文档中的文档.     window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象.

asp.net中iframe页面用jQuery向父页面传值

在asp.net页面有时一个页面会通过iframe嵌套另一个页面,下面的例子讲述的是被嵌套的iframe页面向父页传值的一种方式,用jQuery即可. iframe页面代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Iframe页面<

iframe页面对父页面进行操作

在使用iframe的页面中,我们经常会有需求需要在iframe里面对父级页面进行相关操作,在我看来这些问题的关键还是: 在iframe里面获取到父页面对象,其它的操作问题也就迎刃而解了,所以我们关键的一步是: var pbody = $(window.parent.document.body); 以上获取父页面JQ对象

Jquery父页面和子页面的相互操作

//父页面调用子页面Add函数 $("iframe")[0].contentWindow.Add() //父页面对子页面Id为Sava的Dom元素执行一次单击操作 $("iframe").contents().find("#Sava").click(); //子页面调用父页面Update()函数 parent.Update(); //子页面获取父页面Id为Name的Dom元素的value值 parent.$("#Name").