日期:2014-05-16  浏览次数:20377 次

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);