window打开新窗口案例

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 84 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zengjiao/p/7161729.html

文章标签：

#javascript #ViewUI

本文提供了一个HTML页面间通过JavaScript进行数据传递的示例，展示了如何在一个窗口中选择数据并将其填充到另一个窗口的输入框中。

//有些某些浏览器安全级别比较高，因为js的安全性，所以会出现不能访问本地文件的现象，但是实际开发中是不会存在这种情况，因为用的是域名，不是本地文件地址。
<html>
 <head>
  <title>Html示例</title>
 </head>
 <body>
 编号：<input type="text" id ="numid"/><br/>
 姓名：<input type="text" id ="nameid"/><br/>
 <input type ="button" value ="选择" onclick="open1()"/>
<script type ="text/javascript">
function open1() {
window.open("user.html","","width=250,height=150");
}

</script>

 </body>
</html>

下面是 user.html的代码

<html>
 <head>
  <title>Html示例</title>
 </head>
 <body>
 <table border="1" bordercolor="blue">
 <tr>
    <td>操作</td>
    <td>编号</td>
    <td>姓名</td>
 </tr>
 <tr>
    <td> <input type ="button" value ="选择" onclick="open2('100','张三');"/></td>
    <td>100</td>
    <td>张三</td>
 </tr>
 <tr>
    <td> <input type ="button" value ="选择" onclick="open2('101','李四');"/></td>
    <td>101</td>
    <td>李四</td>
 </tr>
 <tr>
    <td> <input type ="button" value ="选择" onclick="open2('102','王五');"/></td>
    <td>102</td>
    <td>王五</td>
 </tr>
 </table>
<script type ="text/javascript">
 function open2(num1,name1) {
 var pwin = window.opener;
 pwin.document.getElementById("numid").value =num1;
 pwin.document.getElementById("nameid").value =name1;
 window.close();
 }

</script>

 </body>
</html>