iframe 继承父页面window

iframe子页面获取父页面元素和window对象

项目中发现要在iframe的弹框中获取父页面中的元素,我们可以按照如下代码操作:$(window.parent.document).find('selector').attr('XXX') 如果我们需要获取父页面的window对象,我们可以使用如下代码操作:window.parent.location.hash 如果我们获取的是最顶层的页面,那么我么可以通过window.top来实现:

在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中 src属性传参 <iframe src="test.jsp?id=xxx"> 通过get方法,添加在页面后面传递参数,如上的“id” 二.iframe调用父页面html元素在iframe中,通过“window.parent.document.getElementById()” ,即可访问父页面中的元素三.iframe调用父页面函数 windo

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

javascript获取iframe框架中,加载的页面document对象因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 }

iframe中父页面和子页面查找元素的方法

从父页面中查找iframe子页面中对象的方法:JS: document.getElementById('iframe').contentWindow //查找iframe加载的页面的window对象 document.getElementById('iframe').contentWindow.document //查找iframe加载的页面的document对象 document.getElementById('iframe').contentWindow.document.body //查找

iframe中父页面与子页面的传值方法

涉及到iframe传值的情况有这么几种:(1)父页面给iframe中的子页面传值(2)子页面调用父页面中的函数(3)iframe中的子页面给父页面传值(4)兄弟iframe之间的传值下面来逐一看一下: (1)父页面给iframe中的子页面传值 ,把值写入子页面的文本框中 father.html <script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="te

iframe子父页面函数互相调用

1.iframe子页面调用父页面js函数子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为“test”,则: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).contents().find("test"

iframe调用父页面函数用法举例

iframe如何调用父页面函数. window.parent.xxxxx();//xxxxx()代表父页面方法具体列子如下,其中包括easyUI的右键和单击事件parent.jspbody部分代码 <body class="easyui-layout">  <div data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'"

iframe 框架父页面与子界面之间的变量、函数、元素获取

1.获取页面上的iframe 1-1. document.getElementById('iframeId'): 1-2. window.frames[0].window.frames['frameName'].frames['frameName'].frames[0].self.frames[0],此处self与window等价,相当于本页面的window对象. 1-3. contentWindow.contentDocument两个属性,也是可以用来获取子窗口, contentWind

iframe调用父页面各种方法

HTML: <body> <form id="form1" runat="server"> <div> <div class="text-tabs">/*导航栏*/ <a class="text-tab" data-target="/" href="javascript:void(0);" onclick="

iframe中子父页面跨域通讯

目录 #跨域发送信息 #跨域接收信息 #示例Demo 在非跨域的情况下,iframe中的子父页面可以很方便的通讯,但是在跨域的情况下,只能通过window.postMessage()方法来向其他页面发送信息,其他页面要通过window.addEventListener()监听事件来接收信息: #跨域发送信息 #window.postMessage()语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow

iframe 调用父页面元素

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

关于iframe调用父页面元素操作

在iframe子页面获取父页面元素代码如下: //在iframe子页面获取父页面元素 $.('#objld', parent.document); //在父页面获取iframe子页面的元素 $("#objid", document.iframes('iframe').document) //或 $(document.getElementById('iframeId').contentWindow.document.body).html() $(document.getElementB

iframe刷新父页面

iframe页面是内嵌到父页面的,当点击iframe页面的服务器控件时,默认只刷新iframe页面,父页面是不会刷新的.若想刷新父页面,可以使用js来实现,如 1. parent.location.reload(); 这种方法会重新加载整个页面.但如果要在原页面的基础上传递参数,则可以使用下面的方法: 2.top.document.location.href='xxx.aspx?id=xx'. 但这两种方法都有一个共同的缺点,就是iframe内嵌页面的状态不会保存了,刷新后会重新回到第一次加载的

iframe 框架父页面刷新子页面

1.父页面添加: <script> function testBtn(){ var reshSrc = document.getElementById('myFrame').src; var iframe1=document.getElementById("mainframe"); iframe1.src = reshSrc;//需要给主框架刷新才可以 } </script> <iframe name="mainframe" i

跨域下使用获取iframe的父页面URL

通常情况下,我们获取iframe父页面的url很简单:parent.location或top.location即可,但前提是它们遵循同源策略. 当iframe与父页面不属于同一个域名时,像上面的获取会因为安全策略原因而失败.在nczonline的一篇文章上看到一种方法,使用document.referrer. 方法很简单,通过parent !=window检测iframe与父页面是否同源,当不同源时,使用document.referrer,否则使用parent.location.href或者to

调用iframe中父页面/子页面中的JavaScript方法

今天做公司的内部流程系统,发现一问题.怎么调用iframe外面的方法呢?于是百度了一下,呵呵,把搜索结果摘抄下来. 转自:http://hi.baidu.com/zh_m_zhou/blog/item/e79d56d4daa2eecd50da4b24.html 作者:pocky 说明:假设有2个页面,index.html和inner.html.其中index.html中有一个iframe,这个iframe的src指向inner.html. 我们现在要做的就是: 1.在index.html中调用i

js实现F5键刷新后菜单保持之前状态以及监听F5页面刷新子iframe 而父页面不刷新

利用layui实现菜单效果时,刷新页面仍回到首页状态,需要实现iframe子页面刷新父元素不刷新,下面是代码 //刷新时禁用F5的默认事件 $(document).keydown(function (event) { ) { event.preventDefault(); //组织默认刷新 right1.attr('src', dataUrl);//指的是子页面iframe的src } });

打开子页面及刷新父页面 window.open window.opener.reload()

//打开子页面 var url=children_url;window.open(url) //刷新parent页面 var url=parent_urlfunction refresh(url){ if(window.opener){ if(window.opener.reload){ try{ window.opener.reload(); }catch(e){} } w

关于iframe的父页面调取子页面里的事件（父往子里传）

在body里打开一个iframe页面,想要调取打开的这个页面里的函数: $('iframe')[0].contentWindow.sonFn(canshu); [0]:比如在index.html页面里,打开了n多个iframe页面,那[0]是获取的第一个iframe页面. sonFn:是在这个iframe这个页面里的函数 canshu:可以往子页面里面传参数启主要作用的函数:contentWindow

js 能实现监听F5页面刷新子iframe 而父页面不刷新

重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路 document.onkeypress = function(e){ if(e.keyCode == 116){ e.preventDefault(); //组织默认刷新 var iframeSrc = iframe.src; iframe.src = iframeSrc; } } iframe页面里再写如下: var iframeSrc = parent.iframe.src; document.onke

fancybox iframe 刷新父页面（项目经验）