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

<script type="text/javascript">
function toggle() {
  theObj = document.getElementById('Sunyanzi').style;
  if (  theObj.display == "none" ) theObj.display = "block"; else theObj.display = "none";
}
</script>
<div id="Sunyanzi" style="display:none">你看我出现了~~~</div>
<br />
<input type="button" onclick="toggle()" value="点一下试试看 ...?" />

两种方法：去除和隐藏

//创建你的弹出层  
    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";  //不显示（页面初始化的时候同样加载一遍）
}

您可能感兴趣的文章:

• js写一个弹出层并锁屏效果实现代码
• js实现div弹出层的方法
• js 点击页面其他地方关闭弹出层(示例代码)
• js与css实现弹出层覆盖整个页面的方法
• js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
• Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
• Js Jquery创建一个弹出层可加载一个页面
• html+javascript实现可拖动可提交的弹出层对话框效果
• js弹出层永远居中实现思路及代码
• js弹出层(jQuery插件形式附带reLoad功能)
• js setTimeout实现延迟关闭弹出层
• MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
• JS实现的添加弹出层并完成锁屏操作示例