jquery 获取父窗口的元素 父窗口 子窗口

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 23:33 点击:

 

$("#父窗口元素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:必选参数,类型:字符串。

 

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • Gb2312转utf-8编码的方法(vbs+js)
      • 如何使用Ajax技术开发Web应用程序(1)
      • js跳转路径问题
      • JavaScript模仿桌面窗口
      • 用js检测两个线段是否相交
      • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
      • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
      • 我是如何去了解jquery的(六),案例之幻灯片轮换
      • Jquery封装幻灯片效果
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1