js implémente le code de fonction de fenêtre pour fermer la couche contextuelle js

Cet article présente principalement l'exemple de code d'utilisation de js pour fermer la fenêtre de la couche contextuelle js. Les amis qui en ont besoin peuvent venir s'y référer. J'espère que cela sera utile à tout le monde

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

.

Deux méthodes : supprimer et masquer

//创建你的弹出层   
    var dvMsg = document.createElement("p");  
    strHtml =  "<p class=&#39;####&#39;>弹出层内容</p>" 
    strHtml += " <p class=&#39;####&#39;><input type=&#39;button&#39; value=&#39;关闭&#39; onclick=&#39;btnclick()&#39;></p>"
    dvMsg.innerHTML = strHtml;    
    document.body.appendChild(dvMsg);
// 关闭按钮     
btnclick = function (){                       
    document.body.removeChild(dvMsg);

-------------------- ---- -
ou le calque contextuel est marqué de p id

<p id="tanchu">弹出层内容</p>

js

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!