使用js实现关闭js弹出层的窗口_javascript技巧
程序员文章站
2022-03-30 22:56:45
...
两种方法:去除和隐藏
//创建你的弹出层
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获取元素相对窗口位置的实现代码_javascript技巧
-
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
-
JS实现简单的顶部定时关闭层效果_javascript技巧
-
利用js实现遮罩以及弹出可移动登录窗口_javascript技巧
-
js setTimeout实现延迟关闭弹出层_javascript技巧
-
js下弹出窗口的变通_javascript技巧
-
利用js实现遮罩以及弹出可移动登录窗口_javascript技巧
-
js setTimeout实现延迟关闭弹出层_javascript技巧
-
使用js实现一个可编辑的select下拉列表_javascript技巧
-
js 调用父窗口的具体实现代码_javascript技巧