Heim > Web-Frontend > HTML-Tutorial > Einführung in die Implementierungsschritte der if-Funktion

Einführung in die Implementierungsschritte der if-Funktion

零下一度
Freigeben: 2017-06-28 10:16:14
Original
2374 Leute haben es durchsucht

Wenn Funktionsimplementierungsschritte:

  1. Funktion + Name()

  2. ID angeben, Schalter angeben (Anzeige: keine oder blockieren)

  3. ob + else einen logischen Steuerschalter darstellt

  1. wird in Wo eine Glühbirne platzieren, weisen Sie einem Etikett eine ID zu

  2. verbinden Sie den Schalter mit einem

    Kabel, installierenSchalter#+idName { Attribut 1 = Zuweisung, Attribut 2 = Zuweisung, Attribut 3 = Zuweisung }
    Alle Zuweisungen können zu einem Schalter werden. Wenn es sich um eine manuelle Version handelt, kann die Änderung der Zuweisung von Attributen den Stil der ID ändern

  3. Helfen Sie bei der Installation des Schalters
  4. Sensorelement

    , sobald eine Bewegung erfolgt, schaltet der Schalter automatisch um. Erstellen Sie die Funktion showhide() { Verwenden Sie die if+else-Anweisung, Ändern Sie die Verkabelung des Schalters: Ändern Sie die Attributzuweisung }

  5. Schalten Sie die elektrische Steuerung ein

    und betätigen Sie den Schalter.   EreignisaktionVerbinden Sie die Funktion

Die meisten Das Kernprinzip besteht darin, dass die Ereignisaktion mit der Funktion verbunden ist, die Funktion mit den Attributänderungen (einer oder mehreren) verbunden ist, das Attribut geändert wird und die ID oder Klasse verbunden ist , die ID oder Klasse ist mit dem Tag der Ereignisaktion

>

#div1

{

Breite

:100px

; Höhe:200px; Hintergrund

:#CCC

Anzeige:keine;} <script></span></span></span></span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"><span style="color:green">Funktion<strong></strong> showHide()</span></span></p> <p style="background: #f8f8f8">{<span style="font-family:宋体; font-size:12pt"><span style="color:green"><strong></strong> </span></span>var</p> <p style="background: #f8f8f8"> oDiv<span style="font-family:宋体; font-size:12pt">=<span style="color:green">document<strong>.getElementById(</strong>'div1'</span>);</span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"></span> </p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"><span style="color:green"> <strong></strong>if</span><span style="color:#666666">(oDiv.style.display<span style="color:green">==</span>'block' <span style="color:#ba2121">)</span></span></span></p> <p style="background: #f8f8f8"> {<span style="font-family:宋体; font-size:12pt"></span></p> <p style="background: #f8f8f8"> oDiv.style.display<span style="font-family:宋体; font-size:12pt">=<span style="color:green">'none'<strong> ;</strong></span><span style="color:#666666"><span style="color:#ba2121"></span> }</span></span></p> <p style="background: #f8f8f8"> ><span style="font-family:宋体; font-size:12pt"> {</span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"> oDiv.style.display<span style="color:#666666">=<span style="color:#ba2121">'block'</span>; </span></span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"> }</span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt">}<span style="color:green"><strong><p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"><span style="color:green"><strong></script>

type="button" value="显示隐藏" onclick="showHide()">

id="div1">

Das obige ist der detaillierte Inhalt vonEinführung in die Implementierungsschritte der if-Funktion. 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