window对象提供的功能之打开新窗⼝
  使⽤window.open⽅法即可打开新的浏览器窗⼝。使⽤window.opener可以访问⽗窗⼝。以下是⼀个实例：  ex1.html:
代码
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2"/TR/xhtml1//DTD/xhtml-transitional.dtd">
3<html xmlns="/1999/xhtml">
4<head>
5<title>ex1</title>
6
7<script type="text/javascript">
8function editInNewWin() {
9// 打开新窗⼝，加载ex2.html
10var win = window.open("ex2.html","new","width=400,height=300");
11    }
12</script>
13
14<style type="text/css">
15    #editor {width:300px}
16    #title,#editor textarea {width:100%;height:80%}
17</style>
18</head>
19
20<body>
21<form action="#">
22<div id="editor">
23标题：
24<input type="text" id="title"/>
25内容：
26<textarea cols="30" rows="5" id="content"></textarea>
27<input type="button" value="提交"/>
28<input type="button" value="在新窗⼝中编辑" onclick="editInNewWin()"/>
29</div>
30</form>
31</body>
32</html>
  ex2.html:
代码
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2"/TR/xhtml1/DTD/xhtml-transitional.dtd">
3<html xmlns="/1999/xhtml">
4<head>
5<title>ex2</title>
6<script type="text/javascript">
7function init() {
8// ⽗窗⼝
9var parent = window.opener;
10if(!parent) return;
11
12// 从⽗窗⼝中获取标题和内容，填⼊⼦窗⼝的相应位置
13            $("title").value = ElementById("title").value;
14            $("content").value = ElementById("content").value;
15        }
16
17function $(id) {
ElementById(id);
19        }
20</script>
21
22<style type="text/css">
23        #editor {width:300px}
24        #title,#editor textarea {width:100%;height:80%}
25</style>
26</head>
27
28<body onload="init()">
29<form action="#">
30<div id="editor">
31标题：
32<input type="text" id="title"/>
33内容：
34<textarea cols="30" rows="5" id="content"></textarea> 35<input type="button" value="提交"/>
36</div>
37</form>
38</body>
textarea中cols表示
39</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。