window的open和opener结合使用的一个案例
2012-08-20 10:15
323 查看
<%@ 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" onclick="openB()" value="打开b页面"/>
<input type="button" onclick="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" onclick="sendA()"/>
</body>
</html>
<%
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" onclick="openB()" value="打开b页面"/>
<input type="button" onclick="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" onclick="sendA()"/>
</body>
</html>
相关文章推荐
- window.open 方法 与window.opener属性使用
- 一个使用Html做的简单的window弹窗案例
- Gridview中点击链接window.open一个新窗口(showModalDialog()、showModelessDialog()方法使用详解)
- JS中window.open和window.opener的使用
- JS中window.open和window.opener的使用
- JS中window.open和window.opener的使用 推荐
- Chrome调试本地文件无法使用window.opener对象进行窗口间值传递
- window.opener=null;window.close();window.open()
- window.open()方法的使用
- Java序列化对象的一个使用案例-使用Http发送对象
- IE7通过window.open打开一个隐藏的子窗口
- JavaScript打开窗口函数(Window.Open)使用详解、绝对路径与相对路径的获取与转换
- window.open()方法使用小结
- 一个登陆小案例演示Servlet的使用
- 一个简单的、结合注解使用的RxBus
- if结合errorlevel使用:判断一个DOS命令执行成功与否
- TensorFlow使用的一个小案例
- [翻译]案例学习:仅使用Redis+PHP设计实现一个简单的Twitter
- window.open()使用参考
- window.parent与window.opener的区别与使用