window.opener 的用法

liuhuijun

浏览: 17048 次
性别:
来自: 厦门

最近访客更多访客>>

a2683484

玄霄夙玉

duckweed2010

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (18)

社区版块

存档分类

基本语法： 

window.open(pageURL,name,parameters) 
其中： 
pageURL 为子窗口路径 
name 为子窗口句柄 
parameters 为窗口参数(各参数用逗号分隔)

示例： 


<SCRIPT> 
<!-- 
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') 
//写成一行 
--> 
</SCRIPT>

脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。 
下面是一个完整的代码。 

<html> 
 <head> 
  <script LANGUAGE="JavaScript"> 
   function openwin() { 
    window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行
   } 
  </script> 
 </head> 
 <body onload="openwin()"> 
  任意的页面内容... 
 </body> 
</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。怎么调用呢？ 

方法一： 

<body onload="openwin()">
浏览器读页面时弹出窗口； 

方法二： 

<body onunload="openwin()">
浏览器离开页面时弹出窗口； 

方法三： 
用一个连接调用： 

<a href="#" onclick="openwin()">打开一个窗口</a>
注意：使用的“#”是虚连接。 

方法四： 
用一个按钮调用： 

<input type="button" onclick="openwin()" value="打开窗口"> 

如何实现在不使用window.showModalDialog 的情况下用 window.open方式 向父窗口返回值。 

例如： 页面AAA.htm 用 window.open方式弹出页面 BBB.htm 。 
在页面BBB.htm上选择一个值，确定关闭窗口后将选择的这个值返回到父窗口AAA.htm。 
AAA.htm得到返回的值后，给本页面上的文本框赋值。 


BBB.htm页面中加入下面代码： 

 window.opener.document.getElementById("theTextAreaId").value = document.getElemnetById("theSelectId").value ; 



window.opener 的用法 

window.opener 返回的是创建当前窗口的那个父窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为： 


window.opener.document.getElementById("name").value = "输入的数据";

分享到：