欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

使用js实现关闭js弹出层的窗口_javascript技巧

程序员文章站 2022-04-27 19:57:26
...




两种方法:去除和隐藏

//创建你的弹出层
var dvMsg = document.createElement("div");
strHtml = "

弹出层内容
"
strHtml += "
"
dvMsg.innerHTML = strHtml;
document.body.appendChild(dvMsg);
// 关闭按钮
btnclick = function (){
document.body.removeChild(dvMsg);

-------------------------
或者 弹出层用div id标记

弹出层内容

js里
function open(){
document.getElementById(tanchu).style.display=""; //显示
}
function close(){
document.getElementById(tanchu).style.display="none"; //不显示(页面初始化的时候同样加载一遍)
}

相关标签: js 弹出层