使用js實現關閉js彈出層的窗口

 本篇文章主要是對使用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";  //不顯示（頁面初始化的時候同樣加載一遍） }