码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript案例一:Window弹窗案例

时间:2016-10-10 20:11:58      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

注:火狐可运行,谷歌不可运行(安全级别高)

 

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript BOM对象</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" >
		function choose()
		{
			window.open("2.html", "", "width=300,height=150")
		}
	</script>
  </head>
  <body>
  		 学号:<input type="text" id="sid"><br>
  		 姓名:<input type="text" id="sname"><br>
  		 <input type="button" value="选择" onclick="choose();">
  </body>
</html>

 

  

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" >
		function choose(a,b)
		{
			var fw=window.opener;//返回对创建该窗口的 Window 对象的引用
			sid=fw.document.getElementById("sid").value=a;
			sname=fw.document.getElementById("sname").value=b;
			window.close();
		}
	</script>
  </head>
  <body>
  		<table border="1" bordercolor="blue" width="100%" >
  		 	<tr>
  		 		<th> </th><th>学号</th><th>姓名</th>
  		 	</tr>
  		 	<tr>
  		 		<td><input type="button" value="选择" onclick="choose(‘001‘,‘张三‘);"></td>
  		 		<td>001</td><td>张三</td>
  		 	</tr>
  		 	<tr>
  		 		<td><input type="button" value="选择" onclick="choose(‘002‘,‘李四‘);"></td>
  		 		<td>002</td><td>李四</td>
  		 	</tr>
  		 	<tr>
  		 		<td><input type="button" value="选择" onclick="choose(‘003‘,‘王五‘);"></td>
  		 		<td>003</td><td>王五</td>
  		 	</tr>
  		 </table>
  </body>
</html>

  运行示意:

技术分享

技术分享

 

JavaScript案例一:Window弹窗案例

标签:

原文地址:http://www.cnblogs.com/fengmingyue/p/5946909.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!