js中关于父子页面数据交互一些写法
1.window.frames["test"].document.getElementById(‘menu’);
2.//由于所有的函数都存放在window对象里面,可去掉开头的window:
3.frames["test"].document.getElementById(‘menu’);
4.//在浏览器中,帧的name属性被默认等同于子页面的window对象,因此可以进一步简写:
5.test.document.getElementById(‘menu’);
window.frames["test"].document.getElementById('menu');
//由于所有的函数都存放在window对象里面,可去掉开头的window:
frames["test"].document.getElementById('menu');
//在浏览器中,帧的name属性被默认等同于子页面的window对象,因此可以进一步简写:
test.document.getElementById('menu');2.2 父页面访问子页面函数或对象。子页面的函数和对象都在其window对象里,同上,关键是获取该对象。
Java代码
1.//假如child.html定义了showMesg函数,需要在父中调用,则这样写
2.window.frames['test'].showMesg();
3.//简写形式
4.test.showMesg();
5.//同理,对象也是如此访问
6.alert(test.person);
//假如child.html定义了showMesg函数,需要在父中调用,则这样写
window.frames['test'].showMesg();
//简写形式
test.showMesg();
//同理,对象也是如此访问
alert(test.person);
例子
父窗口:a1.html
代码如下 | 复制代码 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <script language="JavaScript"> function openWin(){ window.open("./a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); } function setValues(id,name){ document.getElementById("cid").value = id; document.getElementById("cname").value = name; } </script> <body> <form name="form1" action="test.html" method="post" > 客户id: <input type="text" name="cid" value="" id="cid" ><br> 客户名称<input type="text" name="cname" value="" id="cname" > <input type="button" name="ok" value="请选择客户" onclick="openWin();"/> </form> </body> </html> |
子窗口:a2.html
代码如下 | 复制代码 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a2.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <script language="JavaScript"> function viewData(id,name){ window.opener.setValues(id,name); window.opener = null; window.close(); } </script> <body> <table border="1"> <tr> <td>操作</td> <td>客户id</td> <td>客户名称</td> </tr> <tr> <td><input type="button" value="选择" id="ss" onclick="viewData('001','深圳华为')"></td> <td>001</td> <td>深圳华为</td> </tr> <tr> <td><input type="button" value="选择" onclick="viewData('002','用友软件')"> </td> <td>002</td> <td>用友软件</td> </tr> </table> </body> </html> |