jquery获取父窗口的元素_DracoTianlong的博客-程序员宅基地

技术标签: JQuery  

$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID");
 
取父窗口的元素方法:$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);


类似的,取其它窗口的方法大同小异
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);
 
--------------------------------------------------------------------------------------------------
子窗口创建及父窗口与子窗口之间通信:
 
1、Javascript弹出子窗口


可以通过多种方式实现,下面介绍几种方法


(1) 通过window对象的open()方法,open()方法将会产生一个新的window窗口对象


其用法为:
window.open(URL,windowName,parameters);


URL: 描述要打开的窗口的URL地址,如何为空则不打开任何网页;


windowName:描述被打开的窗口的民称,可以使用'_top'、'_blank'等内建名称,这里的名称跟<a href="..." target="...">里的target属性是一样的。


parameters:描述被打开的窗口的参数值,或者说是样貌,其包括窗口的各个属性值,及要传入的参数值。


例如:


打开一个 400 x 100 的干净的窗口:
open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no,scrollbars=yes,resizable=yes')


也可以这样写: var newWindow = open('','_blank');


参数说明如下:


top=# 窗口顶部离开屏幕顶部的像素数
left=# 窗口左端离开屏幕左端的像素数
width=# 窗口的宽度
height=# 窗口的高度
menubar=... 窗口有没有菜单,取值yes或no
toolbar=... 窗口有没有工具条,取值yes或no
location=... 窗口有没有地址栏,取值yes或no
directories=... 窗口有没有连接区,取值yes或no
scrollbars=... 窗口有没有滚动条,取值yes或no
status=... 窗口有没有状态栏,取值yes或no
resizable=... 窗口给不给调整大小,取值yes或no




(2) 在javascript中除了通过open()方法建立window对象实现弹出窗口外,还可以通过建立对话框的方式弹出窗口。
如:
alert(""); //弹出信息提示对话框
confirm(""); //弹出信息确认对话框
prompt(""); //具有交互性质的对话框


但是,上述实现的弹出窗口具有的功能较为单一,只能完成较为简单的功能。对于需要在对话框中显示多个数据信息,


甚至是HTML控件就无能为力了。


(3) 使用模态对话框实现复杂的对话框需求
在javascript的内建方法中还有一类方法可以实现通过对话框显示HTML内容,
也就是说可以通过创建对话框的方式来完成创建窗口对象所能完成的功能。
包括创建模态对话框和非模态对话框两种。


实现方法为:


//创建模态你对话框
window.showModalDialog(sURL,vArguments,sFeatures)




//创建非模态对话框
window.showModelessDialog(sURL,vArguments,sFeatures)


其区别在于:


用showModelessDialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式[IE5]打开时, 打开对话框


的窗口仍可以进行其他的操作,即对话框不总是最上面的焦点,当打开它的窗口URL改变时,它自动关闭。而模态[IE4]方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗口相联系,因此我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动窗口的下面。 showModeDialog()则不然。


参数说明:


sURL:必选参数,类型:字符串。


用来指定对话框要显示的文档的URL。


vArguments:可选参数,类型:变体。


用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。


sFeatures:选参数,类型:字符串。


用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。


dialogHeight:对话框高度


不小于100px,IE4中dialogHeight和dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
  
dialogWidth: 对话框宽度。
 
dialogLeft: 距离桌面左的距离。
  
dialogTop: 离桌面上的距离。
 
center: 窗口是否居中


默认yes,但仍可以指定高度和宽度,取值范围{yes | no | 1 | 0 }。
  
help: 是否显示帮助按钮


默认yes,取值范围 {yes | no | 1 | 0 }。


 resizable: 是否可被改变大小。


默认no,取值范围 {yes | no | 1 | 0 } [IE5+]。


 status: 是否显示状态栏。


默认为yes[ Modeless]或no[Modal],


取值范围{yes | no | 1 | 0 } [IE5+]。


scroll:指明对话框是否显示滚动条。


默认为yes,取值范围{ yes | no | 1 | 0 | on | off }。


还有几个属性是用在HTA中的,在一般的网页中一般不使用。


dialogHide:在打印或者打印预览时对话框是否隐藏。


默认为no,取值范围{ yes | no | 1 | 0 | on | off }。


edge:指明对话框的边框样式。


默认为raised,取值范围{ sunken | raised }。


unadorned:默认为no,取值范围{ yes | no | 1 | 0 | on | off }。


传入参数:


要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象


例如:


var newWin=window.showModalDialog(url,window,'dialogHeight:500px, dialogLeft:100px, dialogTop:100px,


dialogWidth:300px, status:0, edge:sunken');


newWin.open();


与使用window.open()方法创建窗口相比,模态方法创建窗口的区别在于有模态方法创建的窗口后将不能操作父窗口.




2、子窗口与父窗口间通信


(1) 使用window.open()创建的窗口与父窗口通信
可以在子窗口页面中通过window.opener来获取父窗口对象,获取之后子窗口便可以对父窗口执行刷新,传值等操作。
如:
window.opener.location.reload(); //子窗口刷新父窗口
window.opener.location.href //获取父窗口href
window.opener.locaiton.pathname //获取父窗口路径名


//刷新父页面
window.location.href=window.location.href ; //重新定位父页面
window.location.reload;




(2) 模态窗口与父窗口通信
通过使用showModelDialog(),及showModelessDialog()方法创建的子窗口想与父窗口通信时,不能通过window.opener


来获取父窗口对象。要实现通信,必须在创建模态子窗口时向子窗口传入父窗口对象。


实现方式为:


在父窗口中:


var newWin=window.showModelDialog(url,window,'');
newWin.open();


此时参数window即是父窗口对象


在子窗口中:


需首先获取父窗口对象,然后才能使用父窗口对象。由于父窗口对象是在创建
子窗口时通过传入参数的方式传入的,因此,在子窗口中也只能通过获取窗口参数的方式获取父窗口对象。获取方式如下





var parent=widnow.dialogArguments;
变量parent便是父窗口对象。


例如:


//通过子窗口提交父窗口中的表单:form1,提交后执行查询操作
var parent=window.dialogArguments;
parent.document.form1.action="QueryInfor.jsp";
parent.submit();


//刷新父页面
var parent=window.dialogArguments;
parent.location.reload();


//从子窗口传值到父窗口
要实现在模态子窗口中传值到父窗口,需要使用window.returnValue完成


实现方法如下:


在子窗口中:


//获取父窗口某字段值,对该值加一后返回父窗口
var parent=window.dialogArguments;
var x=parent.docuement.getElementById("age").value;
x=x+1;


//传回x值
window.returnValue=x;


在父窗口中:


//获取来自子窗口的值
var newWin=window.showModelDialog(url,window,'');
if(newWin!=null)
document.getElementByIdx_x("age").value=newWin;


//在子窗口中设置父窗口的值
在子窗口中向父窗口中传入值似乎没有直接设置父窗口中的值来得明了。直接设置父窗口中元素的值显得要更灵活一些,不过具体使用哪种方法要根据实际情况和已有的实现方式而定,因为如果使用了不切实际的方法不仅降低开发效率,也降低了执行效率,往往也会造成不优雅的实现方式和代码风格。


子窗口设置父窗口的值使用方法如下:


子窗口中:


var parent=window.dialogArguments;
var x=parent.document.getElementByIdx_x("age").value;
x=x+1;
//设置父窗口中age属性值
parent.document.getElementByIdx_x("age").value=x;


以上是我在项目中使用javascript解决子窗口
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Dracotianlong/article/details/8727526

智能推荐

跨行学Linux运维 Linux系统优化_老薛のCAT的博客-程序员宅基地

文章目录系统优化总概查看系统版本信息并优化系统时间优化创建用户和密码优化yum源优化防火墙优化SElinux优化字符集优化命令提示符系统优化总概1、安装完操作系统&nbsp; &nbsp;安装服务前2、查看系统版本3、时间同步4、普通用户、禁止root登录5、关闭selinux6、防火墙优化&nbsp; &nbsp;工作中外网&nbsp; 给用户提供访问7、更改yum源&nbsp; &nbsp;扩展源安装8、清空登录前系统及内核版本9、字符集优化10、安装常用命令查看系统版本信息并优

php redis安装,安装redis和 php开启redis扩展_艳yyz的博客-程序员宅基地

Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。这里演示如何在Windows 64 位环境下安装redis。一、下载windows版本的Redis在开启rphp edis扩展之前,我们需要先安装redis,二、安装Redis1.这里下载的是Redis-x64-3.2.100版本,我的电脑是win7 64位,...

python json操作_zephyr_wang的博客-程序员宅基地

1. 读取jsomimport jsonline_dic = json.loads(line)#转成jsonline_dic[‘word’] #读取具体的元素2.写jsonannotation = {“tid”: “”, “title”: “”, “value”: “”}#定义字典,方便转化jsonannotation[‘title’]=‘1’annotation[‘tid’] = ‘主题’annotation[‘value’] = ’具体值‘with open(“E:/test.json

知识点-VLAN,PVLAN,SVLAN,VLAN Trunk (一)_weixin_34056162的博客-程序员宅基地

VLAN的作用,隔离广播域,实现逻辑上的隔离,让网络更加安全。 转载于:https://blog.51cto.com/fws027/159121

Flutter初次编译报错_carlZzzzzzz的博客-程序员宅基地

F/flutter (10109): [FATAL:flutter/shell/common/switches.cc(133)] Check failed: mapping &amp;&amp; size. Unable to resolve symbols: _binary_icudtl_dat解决办法:切换到master,更新代码运行如下指令flutter chann...

Pytorch-训练学习_阿吉的CV之路的博客-程序员宅基地

Pytorch-训练学习AutogradAutogradautograd类为计算导数的引擎(雅可比向量积),雅可比矩阵的概念参考这篇博文,autograd记录了梯度张量上所有操作的一个图,并创建了一个称为动态计算图的非循环图。这个图的叶节点是输入张量,根节点是输出张量。梯度是通过跟踪从根到叶的图形,并使用链式法则将每个梯度相乘来计算的。1.跟踪tensor上的所有操作,设置属性requires_grad=Truex = torch.randn(3,3,requires_grad=True)2.自

随便推点

android 一些相关处理网络图片与音乐(部分转载)_yk3372的博客-程序员宅基地

1.已知图片网址,获得图像资源:URL url=new URL(“图片具体网址”);URLConnection conn=url.openConnection();conn.connect();Bitmap bm=BitmapFactory.decodeStream(conn.getInputStream());2.… 

gc buffer busy/gcs log flush sync与log file sync_dd334566788566的博客-程序员宅基地

https://blogs.oracle.com/askmaclean/entry/gc_buffer_busy_gcs_log?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+orana+%28OraNA%29http://t.askmaclean.com/thread-438-1-1.html...

html 复选框拖拽多选,js实现鼠标拖拽多选功能_weixin_39692245的博客-程序员宅基地

最近做了一个用js实现鼠标拖拽多选的功能,于是整理了一下思路,写了一个小demo:遮罩出现:被遮罩盖住的,即为选中的块(背景色为粉色)下面是具体代码,注释已在文中,与大家交流。鼠标拖拽多选功能*{box-sizing:border-box;}ul{width:500px;height:auto;margin:0;padding:20px;font-size: 0;/*需设置定位*/position...

linux环境下多JDK,多tomcat服务器的安装设置_xiejunlin的博客-程序员宅基地

因测试工作需要,需要在linux环境下部署不同的JDK版本和不同的tomcat服务器版本,经过查阅网上的资料和本人的整理,步骤如下:1、JDK目录名称不一样,如安装目录如下:/usr/local/jdk1.5.0_02和/usr/local/jdk1.6.0_302、安装不同版本的tomcat服务程序,参考目录如下:/usr/local/apache-tomcat-5.5.26 和/usr

Caffe 代码解读之全连接层concat layer_白鹭飞燕的博客-程序员宅基地

今天,我们看一下caffe的拼接层,即将两个或多个layer进行拼接。 包括前向传播、反向传播、reshape,axis、CHECK_**、count函数等

刷题随记 洛谷P5733 【深基6.例1】自动修正 大小写字母转换函数_EternalArthorn的博客-程序员宅基地

P5733 【深基6.例1】自动修正.垃圾代码#include&lt;bits/stdc++.h&gt;## using namespace std;char a[1000];int main(){ cin&gt;&gt;a; int len=strlen(a); for(int i=0;i&lt;len;i++) { if(a[i]&gt;=97&amp;&amp;a[i]&lt;=122) { a[i]-=32; } } for(int i=0;i&lt;len