使用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"; //不顯示（頁面初始化的時候同樣加載一遍）

}