首頁 > 開發者 > JavaScript
標籤：char tab document 事件 rip tag 應用 charset body
開始學習js一段時間了 ，開始練習了不少的代碼，下面和大家分享一下事件的處理練習
，
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| <button onclick="imgChange(1)">第1張圖片</button> | |
| <button onclick="imgChange(2)">第2張圖片</button> | |
| <button onclick="imgChange(3)">第3張圖片</button> | |
| <button onclick="imgChange(4)">第4張圖片</button> | |
| <div style="margin-top:20px;"> | |
| <img src="img/1.jpg" id="imgShow" width="250" height="250"> | |
| </div> | |
| <script> | |
| var imgShow = document.getElementById("imgShow"); | |
| function imgChange(i) | |
| { | |
| imgShow.src = "img/"+i+".jpg"; | |
| } | |
| </script> | |
| </body> | |
| </html> |
這是一個點擊按鈕實現更換圖片功能，這裡應用了滑鼠點擊事件 onclick 以及配套的函數，能夠提高使用者的體驗。
JavaScript事件練習
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
