您的位置:首页 > 运维架构

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: