a.jsp
function checkRPwd(pwd,id){
var popup_width = 400;
var popup_height = 350;
var popup_left = (screen.width - popup_width) / 2;
var popup_top = (screen.height - popup_height) / 2;
var popup_scrollbars = "no";
var popup_property = "width=" + popup_width;
var popup_property = popup_property + ",height=" + popup_height;
var popup_property = popup_property + ",left=" + popup_left;
var popup_property = popup_property + ",top=" + popup_top;
var popup_property = popup_property + ",scrollbars=" + popup_scrollbars;
window.open('<%=request.getContextPath()%>/html/pop_post.jsp?str='+pwd+'&rId='+id,'zipcode',popup_property);
}
<body>
<a οnclick="checkCPwd('<s:property value="contact_pwd" />',<s:property value="contact_no"/>);">
输入密码
</a>
</body>
pop_post.jsp
function click1(){
var pwd1= document.getElementById("pwd2").value;
var pwd2 = document.getElementById("pwd1").value;
var rid = document.getElementById("rid").value;
if(pwd1==pwd2){
window.opener.location = "/html/webContactAction.do?submitFlag=viewReply&rid="+rid;
self.close();
}else{
alert("密码不正确");
document.getElementById("rid").value="";
self.close();
}
}
function click2(){
document.getElementById("rid").value="";
self.close();
}
</script>
</head>
<body >
请输入密码<br/>
<input type="text" name="pwd2" id="pwd2"/>
<input type="hidden" name="pwd1" id="pwd1" value="<%=pwd %>"/>
<input type="hidden" name="rid" id="rid" value="<%=reply_no %>" />
<input type="button" value="确定" οnclick="click1();" /> <input type="button" value="取消" οnclick="click2();"/>
</body>
注:window.parent 是iframe页面调用父页面对象,当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获 取;iframe就存在于父页当中
例:a.jsp父页
<div>
输入值:
<input type="text" name="username" id="username" /><br />
<iframe src="b.html" width="400px" height="300px"></iframe>
</div>
b.html子页
<script type="text/javascript">
function getpValue()
{
document.getElementByIdx_x("span1").innerText=window.parent.document.getElementByIdx_x ("username").value;
}
</script>
<body>
<span>文本框值为:</span><span id="span1"></span><br />
<input type="button" value="获取父窗口内的文本框值" οnclick="getpValue();">
</body>
window.opener 是window.open或超链接<a> 打开的子页面调用父页面对象
例:a.jsp父页
<script type="text/javascript">
function openB()
{
window.open('b.html','b','width=400,height=200,status=no,toolbar=no,
menubar=no,location=no,resizable=yes,left=200,top=100');
}
</script>
<div>
输入值:
<input type="text" name="username" id="username" /><br />
<input type="button" value="打开窗口B" οnclick="openB();" /><br />
<a href="b.html" target="_blank">超链接打开B页面</a>
</div>
b.html子页
<script type="text/javascript">
function getpValue()
{
document.getElementByIdx_x("span1").innerText
=window.opener.document.getElementByIdx_x("username").value;
}
</script>
<body>
<span>文本框值为:</span><span id="span1"></span><br />
<input type="button" value="获取父窗口内的文本框值" οnclick="getpValue();">
</body>