分享一个
javascript实现浏览器窗口传递参数的例子,一起学习下。
a.html
<html>
<head>
<title>主页面_www.jbxue.com</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="打开新的窗口" οnclick="OpenNew()" />
</form>
</body>
</html>
<head>
<title>主页面_www.yuju100.com</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 οnlοad="Load()">
<form action="#">
<input id="txtID1" style="width:400px" type="text" value="ddd" /><br />
<input type="button" value="传递数据" οnclick="Set()" />
</form>
</body>
</html>
a.html
<html>
<head>
<title>主页面_www.jbxue.com</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="打开新的窗口" οnclick="OpenNew()" />
</form>
</body>
</html>
b.html
<html><head>
<title>主页面_www.yuju100.com</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 οnlοad="Load()">
<form action="#">
<input id="txtID1" style="width:400px" type="text" value="ddd" /><br />
<input type="button" value="传递数据" οnclick="Set()" />
</form>
</body>
</html>