JavaScript-Ereignisse:
Häufig verwendete Ereignisse:
EreignisaktionenBindungsereignisse Methode 1 : Binden über das Ereignisattribut im Tag. <Text> <img id="img" src="upload/2022/web/u=1582373193,2567665585&fm=26&gp=0.jpg"> <br/> <button id="up" onclick="up()">Zurück</button> <button id="down" onclick="down()">Weiter</button> </body> <Skript> // Zeige die erste Funktion up() { let img = document.getElementById("img"); img.setAttribute("src", "upload/2022/web/u=1582373193,2567665585&fm=26&gp=0.jpg") } //Zeige das zweite Bild function down() { let img = document.getElementById("img"); img.setAttribute("Quelle", "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic4.58cdn.com.cn%2Fp1%2Fbig%2Fn_v26f22be8b05a74c42b8f9dfb859480186.jpg%3Fw%3D425%26h%3D320&refer=http%3A%2F%2Fpic4.58cdn.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618451421&t=0310ddbd6f7cd840299b10dd314572c8") } </Skript> Methode 2 : Bindung über DOM-Elementattribute. <Text> <img id="img" src="upload/2022/web/u=1582373193,2567665585&fm=26&gp=0.jpg"> <br/> <button id="up">Zurück</button> <button id="down">Weiter</button> </body> <Skript> // Zeige die erste Funktion up() { let img = document.getElementById("img"); img.setAttribute("src", "upload/2022/web/u=1582373193,2567665585&fm=26&gp=0.jpg") } lass s = document.getElementById("up"); s.onclick = nach oben; //Zeige das zweite Bild function down() { let img = document.getElementById("img"); img.setAttribute("Quelle", "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic4.58cdn.com.cn%2Fp1%2Fbig%2Fn_v26f22be8b05a74c42b8f9dfb859480186.jpg%3Fw%3D425%26h%3D320&refer=http%3A%2F%2Fpic4.58cdn.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618451421&t=0310ddbd6f7cd840299b10dd314572c8") } let x = document.getElementById("nach unten"); x.onclick = nach unten; </Skript> ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können! Das könnte Sie auch interessieren:
|
<<: Eine kurze Analyse von CSS3 mithilfe von Textüberlauf zur Lösung von Textlayoutproblemen
>>: Lösung zur inkonsistenten Anzeige der Cursorgröße im Eingabefeld
Inhaltsverzeichnis Design Komponentenkommunikatio...
MySQL 5.7 fügt viele neue Funktionen hinzu, wie z...
Vorwort Dieses Steuerelement weist beim direkten ...
Inhaltsverzeichnis So starten Sie mysqld Methode ...
Animation Definieren Sie eine Animation: /*Legen ...
1. Melden Sie sich bei MySQL an und verwenden Sie...
Verwenden Sie ein Profil, um langsames SQL zu ana...
Inhaltsverzeichnis 1. Prozesskontrolle 2. Sequent...
Inhaltsverzeichnis Erläuterung des unidirektional...
Ziehen Sie zuerst das Image (oder erstellen Sie e...
Fallstricke bei der Projektimplementierung Beim B...
CSS fügt dem div Scrollen hinzu und verbirgt die ...
Voraussetzungen 1. Docker wurde auf dem lokalen C...
Dieser Artikel beschreibt anhand von Beispielen d...
Inhaltsverzeichnis 1. JavaScript-Objekte 1).Array...