window的open和opener结合使用的一个案例

最新推荐文章于 2024-07-03 15:45:00 发布
最新推荐文章于 2024-07-03 15:45:00 发布
阅读量617 收藏 1
点赞数
分类专栏： javascript 文章标签： stylesheet button string input html function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ch469299503/article/details/7885220
版权

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'js3.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <script src="js/jquery-1.2.6.js"></script>
 <script type="text/javascript">
  var bWin;
  function openB()
  {
   //这是打开一个新的窗口，返回的值就是那个创建的新的窗口
   bWin = window.open("b.jsp","_blank","width=300px,height=300px");
  }
  function sendB()
  {
   //这是将a窗口的文本框的值传给打开的新的窗口的一个文本框
   bWin.document.getElementById("b").value = document.getElementById("a").value;
  }
 </script>
  </head>
 
  <body>
    <input type="text" id="a"/><input type="button" οnclick="openB()" value="打开b页面"/>
    <input type="button" οnclick="sendB()" value="传值给b"/>
  </body>
</html>

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'js4.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <script type="text/javascript">
  function sendA()
  {
   var str = document.getElementById("b").value;
   //这是得到创建这个窗口的那个窗口，然后将当前窗口的一个文本框的值传递给创建这个窗口的那个窗口的一个文本
   window.opener.document.getElementById("a").value = str;
  }
 </script>
  </head>
 
  <body>
     <input type="text" id="b"/>
    <input type="button" value="传值给a" οnclick="sendA()"/>
  </body>
</html>

 

ch469299503
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Window弹窗案例
XiYoumengshen的博客
07-29 615
Window弹窗案例： 1：需求 *创建一个页面 有两个输入项 有一个按钮(用来实现子窗口的弹出) *创建一个弹出窗口（子窗口） 实现一个表格输出 表格每一行有一个按钮，姓名及ID 按钮对应一个事件，将当前编号以及姓名信息编辑到第一页相对应位置 2：实现过程 *创建第一个页面 ...
js的window弹窗案例
我们仨
04-16 955
实现过程： 1.创建一个页面window.html (1) 有两个输入项和一个按钮； (2) 按钮上有一个事件，弹出一个新窗口； window对象的open()方法用来打开一个新窗口，window.open("打开的新窗口的地址", "","窗口的特性"); window.html代码如下： <!DOCTYPE html> <html> <head&gt...
用window.open,opener实现网页间通信
03-02
如果网页 A 可以发送信息到网页 B，反之也然，而不必动用请求/应答模式，该是一件多么惬意的事儿。可以轻松地实现聊天不是吗？
window.open和window.opener
weixin_30746117的博客
10-11 752
window.open是用来打开一个新窗口的；window.opener是调用父级窗口 举个栗子： 1.index.html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g...
通过window.open打开的新窗口数据发生变化，更新父窗口数据
最新发布
niuniu2878499107的博客
07-03 258
通过window.open打开的新窗口数据发生变化，更新父窗口数据
window open opener
金溪的博客
07-19 580
一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法： window.open(pageURL,name,parameters)  其中： pageURL 为子窗口路径  name 为子窗口句柄  parameters 为窗口参数(各参数用逗号分隔) 三、示例： &lt;SCRIPT&gt;  &l...
window.open()运用
我的世界里头，谁懂我！
11-18 192
window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例： ...
window.open , window.opener 的用法
风中落叶
07-09 947
window.open() 支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例：
js实现window 弹窗小案例
云飞
11-07 8042
首先大家先看一下这个小案例的效果图，可能大家刚看到下面这张效果图的时候有点小小的疑惑，小编在这向大家解释下，所谓的window弹窗事件就是在图片的左边有个选择按钮，当我们点击该按钮时候就会弹出右边的图片，在右边的图片大家可以根据自己的喜号去选择左边文本框中要填充的内容，比如一点击102编号所对应的选择，在左边文本框就会填充该选择的内容。 下面给大家讲解下怎么去实现这个弹窗小案例： 首先
11-BOM-概述和组成对象（window、history、location、navigator、screen、document）
记录java学习日常~
05-17 958
BOM（Browser Object Model）是浏览器对象模型的缩写，指的是由浏览器提供的一组对象和方法，可以通过JavaScript来操作和管理浏览器。全局作用域：Window对象是全局对象，它包含了所有的JavaScript变量和函数。因此，可以在脚本的任何地方访问和修改Window对象的属性和方法。对象层次结构：如果窗口中嵌套了框架，则每个框架都是一个Window对象。Window对象形成了一个对象层次结构，可以通过Window的属性和方法来访问和操作其中的文档和元素。
BOM之Window案例
ITShang的博客
11-29 478
window案例
window.open与window.opener小记
iteye_19878的博客
01-15 115
原来的窗口 $("#changeBtn").click( function (){ /* window.location.href = "changeTx.do"; */ window.open("changeTx.do","_blank"); } ); 新窗口中改变原来窗口的属性 var pdocument = window.opener....
window.opener和window.open用法
小马哥(新博客地址 http://maruifu.cn )
09-19 996
window.opener 的用法  window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：  window.opener.document.getElementById("name").value = "输入的数据
window.open()方法,window.opener的用法，以及用该属性处理父子级页面的访问
苦行僧专栏
07-01 4221
HTML DOM open() 方法定义和用法open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法window.open(URL,name,features,replace)参数描述URL一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。
window.open()与window.opener 的用法
xueyuechao的专栏
04-16 1738
window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例： ...
window.opener和window.open
weixin_30411819的博客
04-02 231
window.open (URL,name,specs,replace)方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 URL:可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 name:可选。指定target属性或窗口的名称。支持以下值： _blank - URL加载到一个新的窗口。这是默认 _parent - URL加载到父框架 _self - UR...
window.opener
05-23 809
window.opener 和  window.open的区别 window.opener引用的是window.open打开的页面的父页面。 opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。  parent表示父窗口，比如一个A页面利用iframe或frame调用B页面
window.open 和 window.opener 的详细解说
背着键盘流浪
01-05 948
window.open与window.opener window.open window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no,top=100,left=30...
window.open()与window.opener()
DaiDaiLiu的专栏
01-30 523
http://www.cnblogs.com/kingjiong/archive/2009/09/28/1575736.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值