關於父頁面與子頁面的顯示和關閉

 

先定義2個頁面 father 和 son

如果是純html頁面的話 father.html son.html,想要彈出子窗口

在father.html中寫：

<script type="text/javascript">
function showmessage(){
window.showModalDialog("son.html","window","dialogWidth:500px;DialogHeight=300px;status:no;scroll=no;help:no;resizable:no;toolbar=no; menubar=no;");
}
</script>

在son.html中寫：

<script>
function closeSelf(){
//window.location = "/oa/jsp/message/message.jsp";
window.close();
}
</script>

在這裏之所以要區分是html頁面還是其他頁面是有原因的，如果你寫的是jsp頁面，上面的代碼在IE中將無法實現你的設想，在火狐下不影響。

在IE中想要實現你就要把子窗口的頁面路徑寫成絕對的把

window.showModalDialog("son.html","window","dialogWidth:500px;DialogHeight=300px;status:no;scroll=no;help:no;resizable:no;toolbar=no; menubar=no;");

改成

window.showModalDialog("/test/son.html","window","dialogWidth:500px;DialogHeight=300px;status:no;scroll=no;help:no;resizable:no;toolbar=no; menubar=no;");

否則IE無法識別

另外注意你超鏈接的提交方式：

在html中可以是空鏈接，但在jsp中改成<a href="javascript:showmessage();">（showmessage()方法爲你打開子頁面的方法。）

關於這一點，無論是什麼瀏覽器都要修改！