一、方法介绍
Window.open():打开一个新窗口
四个参数:
URL | 可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口 | ||||||||||||||||||||||||||||
name | 可选。指定target属性或窗口的名称。支持以下值:
| ||||||||||||||||||||||||||||
specs | 可选。一个逗号分隔的项目列表。支持以下值:
| ||||||||||||||||||||||||||||
replace | Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
|
window.opener:返回打开该窗口的父窗口引用
window.documnet:返回document对象
二、例子
实现如下选择按钮
代码:
(1)文件目录
(2)first.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="number" disabled="disabled" />
<input type="button" value="选择" onclick="openNewWindow()" />
</body>
<script>
function openNewWindow(){
var myWindow = window.open('second.html','','width=200,height=200');
}
</script>
</html>
(3)second.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table>
<tr>
<td>1</td>
<td><button onclick="selectTish(1)">选择</button></td>
</tr>
<tr>
<td>2</td>
<td><button onclick="selectTish(2)">选择</button></td>
</tr>
</table>
</body>
<script>
function selectTish(num){
//1、获得打开该窗口的父窗口引用
var first = window.opener;
//2、获得document对象
var doc = first.document;
//3、改变父类标签值
doc.getElementById("number").value = num;
//4、关闭本窗口
window.close();
}
</script>
</html>