一、方法介绍
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>
1967
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
