>  기사  >  웹 프론트엔드  >  js는 js 팝업 레이어를 닫기 위한 창 함수 코드를 구현합니다.

js는 js 팝업 레이어를 닫기 위한 창 함수 코드를 구현합니다.

怪我咯
怪我咯원래의
2017-07-04 15:24:562114검색

이 글은 js를 사용하여 js 팝업 레이어 창을 닫는 샘플 코드를 주로 소개하고 있으니 필요하신 분들은 오셔서 참고하시면 좋을 것 같습니다

<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="点一下试试看 ...?" />

두 가지 방법: 제거 그리고 hide

//创建你的弹出层   
    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);

------------
또는 팝업 레이어가 js에서 p id

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

로 표시됩니다.

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


위 내용은 js는 js 팝업 레이어를 닫기 위한 창 함수 코드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.