解析jQuery以获取父窗口的元素

解析jQuery以获取父窗口的元素
(#父窗口元素ID窗口。母。文件);对window.parent.document.getelementbyidx_x对应的Javascript的版本(父元素ID);

获取父窗口的元素方法:$(选择器、窗口、父文件);
因此,从父窗口的父窗口可以使用的元素是$(选择器、窗口、父文件、父文档);
类似地,其他窗口的方法也是相似的。
$(选择器,窗口,顶部,文档);
$(选择器,窗口,打开器。文档);
$(选择器,窗口,顶部。帧{ 0 }。文档);

-----------------------------------------------------------------------------
子窗口创建和父窗口和子窗口之间的通信:

1,javascript弹出窗口
它可以以多种方式实现,下面介绍了几种方法
(1)通过窗口对象的打开()方法,一个新的窗口窗口对象将由打开()方法生成。
其用法如下:
Window.open(URL,windowname,参数);
URL:描述要打开的窗口的URL地址,并且没有为空打开Web页。
windowname:描述了敞开的窗户流行的名字,你可以使用'_top ','_blank内置的名字,等等。名称与其中的目标属性相同。
参数:描述打开窗口的参数值或外观,其中包括窗口的每个属性值和要传递的参数值。
例如:
打开一个400×100的清洁窗户:
打开('','_blank ','width = 400,高度= 100,=没有菜单栏,工具栏=没有,
位置=不,目录=不,地位=不,滚动条=是的,可调整大小的=是)
它也可以写成这样:var =打开新建窗口(','_blank);

参数的解释如下:
在顶= #窗口离开屏幕顶端的像素数
在左= #窗口左端左像素数
的宽度= #窗口宽度
的高度= #窗口高度
菜单栏=…窗口有菜单吗值是或否
工具栏=…窗口是否有一个工具栏来判断是还是不是
定位=…窗口是否有地址栏,值是或否
目录=…窗口是否有一个连接区域,值是或否
滚动条=…窗口有滚动条吗值是还是否
状态=…窗口是否有状态栏,值是或否
可调整大小的=…窗口没有调整大小,值是或否。

(2)在Javascript中,除了打开()方法,窗口对象可以在弹出窗口中构建,窗口可以通过建立对话框弹出。
如:
(警报);弹出消息
确认);弹出信息确认对话框。
提示);交互式对话框
但是,上述实现的弹出窗口具有相对简单的功能,并且只能完成一个相对简单的功能,
即使是HTML控件也做不到。

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

实现方法如下:
创建一个模式对话框
window.showmodaldialog(surl,varguments,sfeatures)
/ /创建非模态对话框
window.showmodelessdialog(surl,varguments,sfeatures)

区别在于:
当你打开窗户showmodelessdialog(),你不要把它关闭window.close(),并打开对话框打开时的非模态的方式{ IE5 }
窗口还可以进行其它操作,即对话框并不总是关注的焦点,当窗口的URL变化,它会自动关闭。模态{ IE4 }对话框总是有焦点(焦点不能移动,直到它关闭)。模态对话框是打开它的窗口相关的,所以当我们打开一个窗口,其链接关系仍保留和隐藏的主动window.showmodedialog下()不。

参数描述:
surl:所需参数类型:字符串。
用于指定要在对话框中显示的文档的URL。
varguments:可选参数,类型:变异。
它是用来传递参数对话框,参数传递,类型包括数组,等对话框获取通过window.dialogarguments参数。
sfeatures:选择参数类型:字符串。
要描述对话框的外观,如信息,可以使用下面的一个或几个,用分号分隔。
dialogheight:对话框的高度
不小于100px,在IE4的dialogheight和dialogwidth默认单位是em,而IE5是Px,对其观点的方便,PX作为一个单元定义模态对话框时。
该dialogwidth宽度:对话框。
dialogleft:从桌面左边的距离。
从dialogtop距离:到桌面。
中心:窗口是否在中间
默认是的,但仍然可以指定宽度和高度范围内{是没有| | 1 | 0 }。
是否帮助:显示帮助按钮
对{是|没有| 1 | 0默认是值范围}。
调整大小:是否可以改变大小。
默认是没有| | { 1 } IE5 | 0 +无值范围。
是否状态:显示状态栏。
默认的是{ }或{ }没有非模态模态,
{是没有的| | 1 | 0 } IE5 +范围。
滚动:指示对话框是否显示滚动条。
默认的是,范围是没有| | | { 1 }了0 | |。
其他几个属性用于HTA和一般不用于一般的网页
dialoghide:对话框是否隐藏在打印或打印预览。
默认是没有的,范围是不| | | { 1 }了0 | |。
边缘:表示对话框的边框样式。
默认是升高的,沉没的| { }的范围了。
默认的是朴实的:没有,是没有| |范围{ 1 }了0 | | |。

传入的参数:
参数传递到对话框中通过varguments。类型不限,字符串型,最大是4096个字符,也可以通过对象
例如:
公司为window.showmodaldialog VaR(URL,窗口,'dialogheight:网站500px,dialogleft:100px,dialogtop:100px,
dialogwidth:300px,现状:0、优势:沉没);
NewWin.open();
随着使用window.open()方法创建窗口相比,模态方法创建窗口之间的差异是由模态方法创建的窗口的父窗口将无法运行
2。子窗口与父窗口之间的通信
(1)使用由window.open窗口()与父母交流的窗口
父窗口对象可以通过在子窗口页面window.opener获得。获取子窗口的父窗口后,可以翻新,传播的价值等等。
如:
(打开窗口。位置。重新加载);刷新父窗口。
window.opener.location.href / /得到父窗口链接
window.opener.locaiton.pathname / /得到父窗口的路径
刷新/父页面
窗口的位置。href = window.location.href; / /重新定位的父页
window.location.reload;
(2)模式窗口与父窗口之间的通信
利用showmodeldialog创建子窗口(),和showmodelessdialog()方法要与家长交流的窗口,并且不能通过window.opener
为了获得父窗口对象。为了实现通信,父窗口对象必须在创建一个模态子窗口时传递给子窗口。
实现方式如下:
在父窗口中:
该公司为window.showmodeldialog VaR(URL,窗口);
NewWin.open();
此时,参数窗口是父窗口对象。
在子窗口中:
您需要先获得父窗口对象,然后才能使用父窗口对象。
子窗口是以传入参数的方式引入的,因此在子窗口中,父窗口对象只能通过获取窗口参数获得:
VaR widnow.dialogarguments母=;
变量父级是父窗口对象。
例如:
/ /父窗口的子窗口的形式提交:1,提交查询后实施手术
VaR window.dialogarguments母=;
母。文件。1。行动=queryinfor .jsp;
Parent.submit();
刷新/父页面
VaR window.dialogarguments母=;
parent.location.reload();
从窗口值到父窗口
在模态窗口实现价值的父窗口,你需要使用window.returnvalue完成它
实现方法如下:
在子窗口中:
获取一个字段值的父窗口,返回到父窗口的值。
VaR window.dialogarguments母=;
var x = parent.docuement.getelementbyid(年龄)的价值;
x=1;
返回x值
值= X窗口;
在父窗口中:
从子窗口值访问
该公司为window.showmodeldialog VaR(URL,窗口);
如果(该公司!= null)
document.getelementbyidx_x(年龄)价值=该公司;
在子窗口值中设置父窗口
输入值在子窗口的父窗口的值似乎不直接在父窗口中设置的值。设置父窗口直接的元素的值是更灵活的,但具体使用哪种方法实现根据实际情况和现有的设置,因为如果使用不切实际的方法不仅降低了开发的效率,也降低了执行的效率,往往通过与代码风格优雅的实现方式造成的。
使用子窗口的值设置父窗口的方法如下所示:
在子窗口中:
VaR window.dialogarguments母=;
var x = parent.document.getelementbyidx_x(年龄)的价值;
x=1;
设置父窗口值的年龄属性。
parent.document.getelementbyidx_x(年龄)。值= X;
以上是我的一些方法和数据的收集和积累当我使用Javascript来解决项目中的子窗口的问题。我是用建立模态窗口的实现方式(主要是与项目本身相关的),但无论是使用window.open(窗口。showmodeldialog)或()进行参数操作虽然有实施的方法差别很大,初次接触会感觉有点乱,但只要子窗口和父的关系和角色之间的清晰,易于理解。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部