JS 用window.open()函数详解

window.open详解: 

window.open("sUrl","sName","sFeature","bReplace"); 

sUrl:可选项。字符串(String)。指定要被加载的HTML文档的URL地址。假如无指定值,则about:blank的新窗口会被显示。 

sName:可选项。字符串(String)。指定打开的窗口的名字。这个名字可以用于form或a对象的TARGET属性。此名字也可以使用下列通用名称:_media:IE6.0在浏览器左边的媒体面板内打开sUrl。 

_blank:在新窗口中打开sUrl。 
_parent:在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于_self。 
_search:IE5.0在浏览器左边的搜索面板内打开sUrl。 
_self:sUrl在当前窗口中打开,覆盖当前文档。 
_top:在所有框架之外的最顶层窗口中打开sUrl。假如当前窗口无框架结构,此参数值等同于_self。 

sFeatures:可选项。字符串(String)。指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。channelmode={yes|no|1|0}指定是否将窗口显示为频道模式。默认值为no。 

directories={yes|no|1|0}指定是否显示「链接」按钮。默认值为yes。 
fullscreen={yes|no|1|0}指定是否以全屏方式显示窗口。默认值为no。要小心使用全屏模式,因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能,用户可以使用ALT+F4快捷键关闭窗口。 
height=number设置窗口的高度。最小值为100。 
left=number设置窗口左上角相对于桌面的横坐标。单位为像素(px)。 
width=number设置窗口的宽度。最小值为100。 
top=number设置窗口左上角相对于桌面的纵坐标。单位为像素(px)。 
location={yes|no|1|0}设置是否显示浏览器窗口的地址栏。默认值为yes。 
menubar={yes|no|1|0}设置是否显示浏览器窗口的菜单栏。默认值为yes。 
resizable={yes|no|1|0}设置窗口是否允许被用户改变尺寸。默认值为yes。 
scrollbars={yes|no|1|0}设置窗口是否可以具有滚动条。默认值为yes。 
status={yes|no|1|0}设置是否显示浏览器窗口的状态栏。默认值为yes。 
titlebar={yes|no|1|0}设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式(HTA)或被信任的对话框,否则此参数将被忽略。默认值为yes。toolbar={yes|no|1|0}设置是否显示浏览器窗口的工具条。默认值为yes。 
bReplace:可选项。布尔值(Boolean)。false|true。false:新打开的文档覆盖历史列表里的当前文档。true:文新打开的文档被简单的添加到历史列表的最后。 

返回值: 
oNewWindow:对象(Element)。返回对新的window对象的引用。

 

-------------------------------------------------------------------------------------------------------------------

 

方法:

 

 1:  在父级页面 test.aspx 的点击<input type="button" id="btnShow" οnclick="showItem();"  value="显示子窗体"/>按钮触发 ,然后 :

  <script language="javascript" type="text/javascript">
   function showItem() {

         var  win = window.open("test2.aspx",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");

  }

 

  2: 在子级页面test2.aspx的点击<input type="button" id="btnSelect" οnclick="check();"  value="选择"/> 按钮触发,然后:

    <script language="javascript" type="text/javascript">
   function check() {

          window.opener.document.getElementById("txtId").value=id;
          window.opener.document.getElementById("txtName").value=name;

  }

 

  这样,父级页面的document.getElementById("txtId") 和 document.getElementById("txtName") 2个控件就可以得到子级页面的返回值。

转载于:https://my.oschina.net/rouchongzi/blog/111893

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值