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>