window opener 属性定义
opener 返回对创建此窗口的窗口的引用,该属性是一个可读写的属性。创建的窗口可以引用父窗口所定义的属性和函数。语法如下:
window.opener
提示:只有表示顶层窗口的 window 对象的 operner 属性才有效,表示框架的 window 对象的 operner 属性无效。
opener 属性实例
下面的例子将弹出窗口的输入值传递给父窗口显示出来。
1.html:
<html> <body> <script type="text/javascript"> myWindow=window.open('2.html','MyName','width=300,height=200') </script> </body> </html>
2.html:
<html> <body> <script type="text/javascript"> function getInput(){ var input_char = document.getElementById("input_char").value; window.opener.document.write(input_char); } </script> </body> <input id="input_char" type="text" value="输入些文字" /> <button onclick="getInput()">点击我试试</button> </html>
运行1.html(设置允许浏览器弹出窗口),在弹出窗口的文字输入框输入文字,点击按钮,1.html 页面会打印出输入的文字。
本章节内容共分 23 部分:
- JavaScript Window 对象
- JavaScript window closed 属性:检测窗口是否已经关闭
- JavaScript window name 属性:设置或得到窗口的名称
- JavaScript window opener 属性:返回对创建此窗口的窗口的引用
- JavaScript window self 属性:对窗口自身的引用
- JavaScript window top 属性:返回最顶层的先辈窗口
- JavaScript window defaultStatus 属性:设置或得到窗口状态栏中的默认文本
- JavaScript window status 属性:设置或得到窗口状态栏的文本
- JavaScript window blur() 方法:把焦点从顶层窗口移开
- JavaScript window clearInterval() 方法:取消由 setInterval() 设置的 timeout
- JavaScript window clearTimeout() 方法:取消由 setTimeout() 设置的 timeout
- JavaScript window close() 方法:关闭浏览器窗口
- JavaScript window focus() 方法:把焦点给予一个窗口
- JavaScript window moveBy() 方法:相对当前坐标移动窗口
- JavaScript window moveTo() 方法:把窗口(左上角)移动到指定坐标
- JavaScript window open() 方法:打开(弹出)一个新的浏览器窗口
- JavaScript window print() 方法:打印当前窗口的内容
- JavaScript window resizeBy() 方法:根据指定的像素尺寸调整窗口大小
- JavaScript window resizeTo() 方法:将窗口调整到指定尺寸
- JavaScript window scrollBy() 方法:按照指定的像素值来滚动内容
- JavaScript window scrollTo() 方法:把内容滚动到指定坐标
- JavaScript window setInterval() 方法:按照指定的毫秒周期来循环执行代码
- JavaScript window setTimeout() 方法:在指定的毫秒数后执行代码(延时)