js页面的弹框怎么关闭啊

JavaScript014

js页面的弹框怎么关闭啊,第1张

1、单纯的关闭

window.opener.location.reload()//刷新父窗口中的网页

window.close()//关闭当前窗窗口

2、提交后关闭

function save(){

document.getElementById("pointsform").submit()

alert('保存成功')

window.opener.document.getElementById("cmd").value="query"

window.opener.document.getElementById("form的id").submit()//提交

window.close()//关闭当前窗口

}

后台JS警告框一般是使用HTML代码模拟或者Alert函数实现的。

HTML代码模拟:

这种类型的警告框都是可以带有关闭方法的。只要在警告框弹出后设置个定时器去调用关闭方法就可以了,你可以选择一些第三方的提示框JS库,很多都带有自动关闭功能的

浏览器自带Alert函数:

这种方式在警告框弹出时会阻塞住程序,导致后面的代码无法执行,所以是没有办法自动关闭的,你可以改成第一种方式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>

 

 <BODY>

    <script   language="JavaScript">   

  var   aaa   

  function   test()   

  {   

  aaa=if0.showModelessDialog("javascript:alert()window.close()","","status:noresizable:nohelp:nodialogHeight:30pxdialogWidth:40px")   

  setTimeout("if0.location.reload()",1000)   

     

  }   

  </script>   

  <iframe   style="display:none"   name=if0   ></iframe>   

  <input   type="button"     value="弹出alert框,一秒后自动关闭"   onClick="JavaScript:test()">   

  </form>

 </BODY>

</HTML>