|
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>
|
|
