JavaScript案例一:Window弹窗案例

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

<!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>

  运行示意:

时间: 2024-11-04 18:18:58

JavaScript案例一:Window弹窗案例的相关文章

JavaScript函数与Window对象

 JavaScript函数与Window对象 一.函数的使用 函数的含义:类似于Java中的方法,是完成特定任务的代码语句块   ◆常用系统函数: parseInt ("字符串")    将字符串转换为整型数字    如: parseInt ("86")将字符串"86"转换为整型值86 parseFloat("字符串")    将字符串转换为浮点型数字    如: parseFloat("34.45")将字

JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向表示文档元素的HTMLElement对象. Window对象是以全局对象的形式存在于作用域链的最上层,这就意味着HTML文档中使用的id属性会成为可以被脚本访问的全局变量. 如: <button id="but"/> 就可以通过全局变量but来引用此元素. 2.多窗体窗口(if

文件上传时用window弹窗第二次以后fieldLabel值显示重复

今天在项目中遇到一个棘手的问题,在上传附件的时候,window弹窗,第一次的时候是正常的,win.hide() 后,第二次fieldLabel值会重复显示,如下图: 因为window窗口中只有"附件"重复了,"备注"字段没有重复,所以怀疑是因为"附件"的写法有问题 "附件"字段对应的代码如下,用的   inpuType:'file' name : "uploadFile", // id : "up

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)       

Javascript学习--------认识window窗口对象

window对象: Window 对象表示浏览器中打开的窗口. 可以通过window对象设置窗口的大小,位置等. 还可以控制是否加载网页等. window对象集合: 集合 描述 frames[] 返回窗口中所有命名的框架. 该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>.属性 frames.length 存放数组 frames[] 中含有的元素个数.注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数

Javascript 中的window.parent ,window.top,window.self 详解

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口. window.self 功能:是对当前窗口自身的引用.它和window属性是等价的. 语法:window.self 注:window.self.window.self是等价的. window.top 功能:返回顶层窗口,即浏览器窗口. 语法:window.top 注:如果窗

jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()的区别

  body中的onload()和window.onload以及$(document).ready()的区别: 1.前两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,而且两者在各种浏览器中都兼容,而$(document).ready()表示的是JQuery中的一个方法因而只有在支持jQuery的浏览器中才适用,同时该方法是在当页面的dom节点加载完毕后就执行,无需等待页面中的图片等加载完成. 2.当代码中同时存在body中的onload()和window.onload()要注意的 :

Javascript之BOM(window对象)

摘自Rocky Ren 分享到 Javascript之BOM(window对象) ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心. BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.也就是说,在网页中定义的任何一个变量.对象和函数以window作为其Global对象. 1.全局作用域

JavaScript强化教程——Window Location

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Window Location Window Location window.location 对象在编写时可不使用 window 这个前缀. 一些例子: location.hostname 返回 web 主机的域名location.pathname 返回当前页面的路径和文件名location.port 返回 web 主机的端口 (80 或 443)location.protocol 返回所使用的