JS关于刷新父页面例子

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

　　a.htm

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

<input type=button onclick="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 onclick="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/提交 onclick="get()"/>
　　<input type=button value=http://blog.soso.com/qz.q/关闭 onclick="shut()"/>

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

　　1: 关闭窗口

　　<input type="button" name="close" value=http://blog.soso.com/qz.q/"关闭窗口" onclick="window.close()">

　　2: 列印窗口

　　

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

　　3: 返回上一页

　　

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

　　4: 开新窗口

　　

<input type="button" name="open" value=http://blog.soso.com/qz.q/"开新窗口" onclick="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/"刷新本页" onclick="document.location.reload()">

　　5-2: 刷新父页

　　

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

　　5-3: 刷新父页的另一个框架中的页面

　　

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

　　5-4: 刷新另一个框架中的页面

　　

<input type="button" name="parFrame" value=http://blog.soso.com/qz.q/"刷新另一框架" onclick="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" onclick="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/"关闭" onclick=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" onclick='op()'>打开关闭</span>