iframe中拿到父页面的window对象

2024-08-30

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

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

【转】iframe和父页，window.open打开页面之间的引用

[转]iframe和父页,window.open打开页面之间的引用 iframe和父页,window.open打开页面和被打开页面之间的关系可以通过下面的对象获取到 1)通过iframe加载的,在iframe中用parent对象得到父页window作用域,如果iframe中又加载了iframe,在最里层的iframe中需要重复调用parent.parent得到其上一级iframe的引用.如果是直接引用最顶级的父页作用域,可以使用top对象. 2)父页使用document.getElementBy

模式窗体中调用父页面js与非模式化调用非父页面的js方法

最近项目中使用模式窗体,遇到以下问题记录一下: 模式窗体:你必须关闭该窗体,才能操作其它窗体:比如说,必须按确定或取消,或者按关闭. 非模式窗体:不必关闭该窗体,就可转换到其它窗体上进行操作. 一:非模式化窗体就是用 1.var val = parent.document.getElementById("txt1"); var val = parent.document.getElementById("txt1"); 二:模式窗体 parent.html <h

获取父页面的dom元素

$("li.jericho_tabs", window.top.document); 上面的代码意思是获取父页面的li元素,class为jericho_tabs的所有元素.

一个页面通过iframe，获取另一个页面的form

document.getElementsByTagName("iframe")[0].contentWindow.document.forms[0].submit(); var z=dialog.frame.document.forms[0]; 一个页面通过iframe,获取另一个页面的form

ifram 调用父页面的easyui弹框

转自https://www.cnblogs.com/puke/archive/2012/09/13/2683067.html 曾经试过这样的方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); 这样可以获得父页面的元素,但是调用EasyUI的方法的时候,就会报错. 郁闷了很久很久,最终找到方案,写法的区别,如下: parent.$('#objId') 这样调用方法就不会报错如: parent.$('#o

jsp中iframe所包含的页面调用父页面的function方法

a.jsp中写了注册的Ext窗体loginWindow,也用iframe包含了另一个b.jsp,当在b.jsp中也有点击注册的链接,这时需要用到调用a.jsp中的loginWindow,因为如果你重新将loginWindow再次写在b.jsp中的话,弹出来的窗体是在b.jsp页面的中部而不是在a.jsp的中部,所以这时就可以这样: onclick="parentRegiSter()" //调用父页面的注册窗体 function parentRegister(){ window.pare

iframe子夜页面调父页面的方法取父页面的值

1.调父页面的方法的写法 window.parent.yincang();//yincang()是父页面的一个方法 2.取父页面的值的写法 window.parent.document.gettElementById("chuanzhi").value;//chuanzhi是父页面的一个<input />的id,取他的alue.

在父页面用Iframe加载子页面时，将父页面的title替换成子页面title

报告管理

二级域名相同的情况下子页面调用父页面的js方法

这两天项目遇到这种需求.项目是一个平台级系统,其中嵌入了多款应用.在平台上可以使用这些应用操作业务. 现在产品提出了个需求:即在A应用中需要调用js方法来打开B应用. 处理方法是:平台js中给出个打开B应用的方法,由应用A调用这个方法. 1.平台有个公用的js,在js中添加一条语句: document.domain = "testxxx.com"; 然后添加一个js方法,如: function openB(){ //do sthing.....} 2.A应用需要做的事情: 1.添加j

IOS之UITableView——怎样刷新父页面的Cell

问题:评论数同步在社交相关的项目中常常有这种主页面,主列表的Cell中有赞数.评论数,详情页顶部也是相同的一个Cell,下部有评论列表,评论添加或降低.详情页的评论数随之改变,返回主列表,主列表的相应的Cell中评论数却没改变.怎么同步呢. 解决方式:详情页的Cell刷新时,发送通知.主列表监听通知,通知的回调方法仅仅要运行tableview reloaddata就可以

mui-webview-子页面调用父页面的js方法

子页面// 获取当前webviewvar self = plus.webview.currentWebview();var opener = self.opener();//此句调用父页面jsopener.evalJS('checkLoginStatus()'); 父页面function checkLoginStatus(){}

jquery的常用操作（操作html页面的Dom对象的元素）

一:页面加载完成时,会执行jquery的方法(不需要等待图片加载完成,只要dom结构加载完成,就执行该方法) //第一种写法: $(document).ready(function() { // 执行体 }); //第二种写法 $(function() { //执行体 }); 二:用jquery获取dom对象,判断该对象是否有内容的两种方法(有返回true,没有返回false) jqObj.text().trim() var jqObj = $(this); if(jqObj.text().tr

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

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

获取iframe的window对象

在父窗口中获取iframe中的元素 // JS // 方法1: var iframeWindow = window.frames["iframe的name或id"]; iframeWindow.document.getElementById("iframe中控件的ID"); // 方法2: var iframeWindow = document.getElementById("iframe的name或id").contentWindow; ifr

js操作控制iframe页面的dom元素

1.代码1 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我是demo1.html</title> <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8">&l

iframe中的模态框遮罩父窗口原理

关键点: css的position定位为fixed或absolute css的z-index, 最顶层的值最大如遮罩层为0那么弹出框最好是大于等于1的整数,总之记住弹出层要比遮罩的z-index值大就行如果弹出模态框的使用场景没有嵌套在iframe或frame中掌握以上两点加上点css功底就可以写出漂亮的模态框了特殊场景会涉及到跨域问题,可以在父页面和子页面分别设置<script type="text/javascript">document.domain="

关于如何获取iframe中的元素

今天研究了一下iframe中元素的获取,发现有些地方还是有点坑的. 首先:如果使用纯前端手段,是没有办法获取非同源的iframe中的元素的,后面会提到后端手段一.同源环境 1.首先在父页面获取iframe中的window,然后获取元素,根据window,不仅可以获取元素,还能调用里面的方法,前提是绑定在window上面 ].contentWindow; ifW.document.getElementsByClassName('wrap') 2.在iframe中获取父页面的window wind

关于js中iframe 中 location.href的用法

关于js中"window.location.href"."location.href"."parent.location.href"."top.location.href"的用法 A页面:<iframe src="b.html" frameborder="0"></iframe>B页面:<iframe src="c.html" frame

iframe通信相关：父操作子，子操作父，兄弟通信

这里写window和document是认为代表了BOM和DOM(个人理解不一定对) 拿到了window就能操作全局变量和函数拿到了document就能获取dom,操作节点父操作子 window:选择器.contentWindow document:选择器.contentWindow.document // 父页面里面写选择器获取到iframe元素,通过contentWindow获取到子页面的window,然后操作变量或函数 2 document.getElementById().conten

iframe中拿到父页面的window对象

热门专题