Heim > Web-Frontend > js-Tutorial > Hauptteil

js implementiert den Fensterfunktionscode zum Schließen der js-Popup-Ebene

怪我咯
Freigeben: 2017-07-04 15:24:56
Original
2056 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich der Beispielcode für die Verwendung von js zum Schließen des Fensters der js-Popup-Ebene vorgestellt. Ich hoffe, dass er für alle hilfreich ist

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

Zwei Methoden: Entfernen und Ausblenden

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

oder die Popup-Ebene ist mit p id

<p id="tanchu">弹出层内容</p>
Nach dem Login kopieren
js


gekennzeichnet

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

Das obige ist der detaillierte Inhalt vonjs implementiert den Fensterfunktionscode zum Schließen der js-Popup-Ebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!