两个页面之间传值
2011-10-10 14:02
197 查看
a.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="94"> </td>
<td width="306"> </td>
</tr>
<tr>
<td> </td>
<td><input name="text" type="text" id="text"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input name="Submit" type="button" onClick="MM_openBrWindow('/b.htm','','scrollbars=yes,width=300,height=400')" value="打开新窗口"></td>
</tr>
</table>
</form>
</body>
</html>
b.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script>
function returnText() {
window.opener.form1.text.value=form1.text.value;
window.close();
}
</script>
<body>
<table width="100%" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><form name="form1" method="post" action="">
<input name="text" type="text" id="text" value="请输入你的内容">
<br>
<input type="button" name="Submit" value="关 闭" onClick="returnText()">
</form>
</td>
</tr>
</table>
</body>
</html>
---------------------------------------------------------------
a中用onclick事件打开b
onclick="javascript:window.open('b','','toolbar,resizable,scrollbars=auto,dependent,width=400,height=280');"
点击B页面的某一处触发javascript事件
<script language="javascript">
<!--
function check()
{
window.opener.document.form1.roomID.value=form1.roomID.value;
window.close();
}
</script>
---------------------------------------------------------------
<a href=# onclick="window.open ('AddUser.aspx', 'newwindow', 'height=280, width=320, top=150, left=300, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')">new window</a>
---------------------------------------------------------------
1)onclick="window.open(......);"
或者onclick="showModalDialog(filename,window,"status:false;dialogWidth:"+width+"px;dialogHeight:"+height+"px")";区别在于前者可以点击父页面，后者不可以。
2）
对于一的前者
window.opener.document. ......
对于后者
window.dialogArguments.document. ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="94"> </td>
<td width="306"> </td>
</tr>
<tr>
<td> </td>
<td><input name="text" type="text" id="text"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input name="Submit" type="button" onClick="MM_openBrWindow('/b.htm','','scrollbars=yes,width=300,height=400')" value="打开新窗口"></td>
</tr>
</table>
</form>
</body>
</html>
b.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script>
function returnText() {
window.opener.form1.text.value=form1.text.value;
window.close();
}
</script>
<body>
<table width="100%" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><form name="form1" method="post" action="">
<input name="text" type="text" id="text" value="请输入你的内容">
<br>
<input type="button" name="Submit" value="关 闭" onClick="returnText()">
</form>
</td>
</tr>
</table>
</body>
</html>
---------------------------------------------------------------
a中用onclick事件打开b
onclick="javascript:window.open('b','','toolbar,resizable,scrollbars=auto,dependent,width=400,height=280');"
点击B页面的某一处触发javascript事件
<script language="javascript">
<!--
function check()
{
window.opener.document.form1.roomID.value=form1.roomID.value;
window.close();
}
</script>
---------------------------------------------------------------
<a href=# onclick="window.open ('AddUser.aspx', 'newwindow', 'height=280, width=320, top=150, left=300, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')">new window</a>
---------------------------------------------------------------
1)onclick="window.open(......);"
或者onclick="showModalDialog(filename,window,"status:false;dialogWidth:"+width+"px;dialogHeight:"+height+"px")";区别在于前者可以点击父页面，后者不可以。
2）
对于一的前者
window.opener.document. ......
对于后者
window.dialogArguments.document. ......
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 关于两个页面之间传值，和打开新的页面的问题
- 如何实现两个页面之间进行传值
- OnClientTriggerClick 两个页面之间互相传值
- 两个页面之间的另一种传值
- 两个HTML页面之间传值的问题
- 两个页面之间的另一种传值
- 用js在两个页面之间传值
- 从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)
- 用js在两个页面之间传值
- 两个HTML页面之间传值
- 在两个html页面之间传值
- 在JSP中使用el标签传递值(两个jsp页面之间传值)
- 在两个html页面之间传值小示例
- .net中两个页面之间传值的方
- 两个JSP页面之间如何传递一个对象？比如一个LIST或者HASHMAP？以及为什么有时候REQUEST.GETATTRIBUTE("NAME")取不到值？
- VUE DEMO 之模拟登录 个人中心页面之间数据传值
- ASP.NET页面之间传值的五种常用方法
- MFC 两个窗体之间传值
- Flex中两个Application页面之间的传值
- ASP.NET两个页面之间传递值的几种方式