js页面的弹框怎么关闭啊

JavaScript012

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函数:

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

两种方法:去除和隐藏

//创建你的弹出层

var dvMsg = document.createElement("div")

strHtml = "<div class='####'>弹出层内容</div>"

strHtml += " <div class='####'><input type='button' value='关闭' onclick='btnclick()'></div>"

dvMsg.innerHTML = strHtml

document.body.appendChild(dvMsg)

// 关闭按钮

btnclick = function (){

document.body.removeChild(dvMsg)

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

或者 弹出层用div id标记

<div id="tanchu">弹出层内容</div>

js里

function open(){

document.getElementById(tanchu).style.display="" //显示

}

function close(){

document.getElementById(tanchu).style.display="none" //不显示(页面初始化的时候同样加载一遍)

}