JS关于刷新父页面例子

　　javascript 弹出页面点击确定，刷新父页面 仔细分析学习，，

　　a.htm

　　<input type=button οnclick="window.showModalDialog('b.htm',window)" value=http://blog.soso.com/qz.q/"showModalDialog open"/> 

　　<input type=button οnclick="window.showModelessDialog('b.htm',window)" value=http://blog.soso.com/qz.q/"open"/> 

　　b.htm

　　<input type=button value=http://blog.soso.com/qz.q/refresh οnclick="a()"/> 

　　<script language="javascript" type="text/javascript">

　　function a()

　　{

　　window.parent.dialogArguments.document.execCommand('Refresh');

　　}

　　</script>

　　--------------------------------------

　　<script language="javascript" type="text/javascript">

　　function get()

　　{

　　window.parent.dialogArguments.document.execCommand('Refresh');

　　}

　　function shut()

　　{

　　window.parent.dialogArguments.document.execCommand('Refresh');

　　window.close(); 

　　}

　　</script>

　　<input type=button value=http://blog.soso.com/qz.q/提交 οnclick="get()"/>

　　<input type=button value=http://blog.soso.com/qz.q/关闭 οnclick="shut()"/>

　　-----------------------------------------------------------

　　1: 關閉窗口 

　　<input type="button" name="close" value=http://blog.soso.com/qz.q/"關閉窗口" οnclick="window.close()">

　　2: 列印窗口 

　　<input type="button" name="print" value=http://blog.soso.com/qz.q/"列印窗口" οnclick="print()">

　　3: 返回上一頁 

　　<input type="button" name="back" value=http://blog.soso.com/qz.q/"返回上頁" οnclick="history.back()">

　　4: 開新窗口 

　　<input type="button" name="open" value=http://blog.soso.com/qz.q/"開新窗口" οnclick="window.open('開新窗口中載入的文件','窗口名稱','top=0,left=200,resizable=yes,status=yes,scrollbars=yes')">

　　5: 刷新頁面

　　5-1: 刷新本頁 

　　<input type="button" name="slef" value=http://blog.soso.com/qz.q/"刷新本頁" οnclick="document.location.reload()">

　　5-2: 刷新父頁

　　<input type="button" name="par" value=http://blog.soso.com/qz.q/"刷新父頁" οnclick="opener.location.reload()">

　　5-3: 刷新父頁的另一個框架中的頁面 

　　<input type="button" name="parIt" value=http://blog.soso.com/qz.q/"刷新父頁另一框架" οnclick="opener.parent.mainFrame.location.reload()">

　　5-4: 刷新另一個框架中的頁面 

　　<input type="button" name="parFrame" value=http://blog.soso.com/qz.q/"刷新另一框架" οnclick="parent.mainFrame.location.reload()">

　　6: 提示

　　6-1: 單一"確定"按鈕提示,點擊后繼續下面的代碼

　　<script>

　　alert("操作成功!");

　　alert("操作失敗!");

　　</script> 

　　6-2: 選擇提示,確定或者取消,分支語句.

　　<script>

　　if (confirm("您確定嗎?"))

　　alert("您點的是確定!");

　　else

　　alert("您點的是取消!");

　　</script>

　　7:光棒

　　<tr bgcolor="ecf2f9" 

　　onMouseOut="style.backgroundColor='ecf2f9';" 

　　onMouseOver="style.backgroundColor='#FFFFCC';"> 

　　8:客戶端數據驗證.

　　用form提交的數據可直接在客戶端進行一些相關的完全和安全性驗證,如名稱不能為空,料號是8位數,有效的email地址等..,可以快速的反應並減輕server的負載.

　　<script>

　　function datacheck() {

　　var msg = ""; //這個是用於顯示錯誤提示

　　var obj = ""; //這個是記錄錯誤的輸入值,用於出錯時返加focus

　　with(document.form1){ //共用對象,本頁面的form1

　　if (name.value=http://blog.soso.com/qz.q/="")

　　{

　　msg = "/n name的值不能為空";

　　obj = "name";

　　}

　　if (partno.value.length!=8)

　　{

　　msg = "/n partno的長度應該是8位";

　　obj = "partno";

　　}

　　//=================================================================

　　if(msg!="")

　　{

　　mobj = eval(obj);

　　mobj.focus();

　　alert("輸入錯誤/n"+msg);

　　return(false);

　　}

　　else

　　{

　　action="用於接受數據的下一頁"

　　submit();

　　}

　　}

　　}

　　</script> 

　　<form name="form1" method="post">

　　<input type="text" name="name">

　　<input type="text" name="partno">

　　'下面的按鈕用於遞交數據,但按鈕類型為button,調用datacheck()函數,datacheck()用於檢驗用戶輸入的數據是正確,如果正確則遞交下一頁,否則不遞補,返回focus定於錯誤的text.

　　<input type="button" name="Submit" value=http://blog.soso.com/qz.q/"Submit" οnclick="datacheck()">

　　<input type="reset" name="reset1" value=http://blog.soso.com/qz.q/"Reset">

　　</form>

　　父页是显示标题，弹出页修改标题提交后，父页更新:

　　<script language=javascript>

　　function winclose() {

　　window.opener.location.reload();

　　window.close();

　　}

　　</script>

　　<input type=button name=close value=http://blog.soso.com/qz.q/"关闭" οnclick=winclose()>

　　=============================

　　<script> 

　　function op(){ 

　　newopen=window.open("post.php","0","0"); 

　　setInterval('wen()',10); 

　　} 

　　function wen(){ 

　　if(newopen.closed){ 

　　window.location.reload(); 

　　} 

　　} 

　　</script>

　　<span style="CURSOR: hand" οnclick='op()'>打开关闭</span>