javascript实现浏览器窗口传递参数的方法

内容摘要
a.html


<html>
<head>
<title>主页面</title>
<script language="javascript" type="text/javascript">
function OpenNew()
{
var im=new IDAndMethod();
im.ID=d
文章正文

a.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head>
<title>主页面</title>
<script language="javascript" type="text/javascript">
function OpenNew()
{
var im=new IDAndMethod();
im.ID=document.getElementById("txtID").value;
window.showModalDialog("ddd.html",im,"");
}
function IDAndMethod()
{
this.ID="ddd";
this.Method=SetTxt;
}
function SetTxt(str)
{
document.getElementById("txtID").value=str;
}
</script>
</head>
<body>
<form action="#">
<input id="txtID" style="width:400px" type="text" value="XXX!在这里输入ID!" /><br />
<input type="button" value="打开新的窗口" onclick="OpenNew()" />
</form>
</body>
</html>

 b.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<title>主页面</title>
<script language="javascript" type="text/javascript">
var im;
function Load()
{
im=window.dialogArguments;
if(im.ID=="XXX!在这里输入ID")
document.getElementById("txtID1").value="你杂不输入呢!";
else
document.getElementById("txtID1").value=im.ID;
}
function Set()
{
im.Method(document.getElementById("txtID1").value);
}
</script>
</head>
<body onload="Load()">
<form action="#">
<input id="txtID1" style="width:400px" type="text" value="ddd" /><br />
<input type="button" value="传递数据" onclick="Set()" />
</form>
</body>
</html>

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!