1. คำจำกัดความธรรมดา
<อินพุต type = "ปุ่ม" name = "ปุ่ม" value = "ตกลง" onClick = "sfont = พรอมต์ ('โปรดป้อนสีแดง', 'สีแดง', 'กล่องพรอมต์' ในกล่องข้อความ); ถ้า (sfont == 'สีแดง') {form1.style.fontfamily = 'bold'; form1.style.color = 'Red';นี่เป็นวิธีที่พบบ่อยที่สุดในการกำหนดเหตุการณ์ JS โดยตรงกับวัตถุที่ต้องการ การเสียรูปที่เกี่ยวข้องคือรูปแบบของการเรียกวิธีการดังนี้
<script> ฟังก์ชั่นแสดง () {แจ้งเตือน ("แสดง"); } </script> <input type = "button" name = "show" onclick = "show ()"/>ประเภทที่สอง
<script type = "text/javascript" สำหรับ = "window" event = "onLoad"> การแจ้งเตือน ("ยินดีต้อนรับ!"); </script> <script type = "text/javascript" สำหรับ = "window" event = "onunload"> การแจ้งเตือน ("ขอบคุณ!")ที่นี่กำหนดการดำเนินการที่เกิดขึ้นเมื่อโหลดและขนถ่ายหน้าต่าง
หากเป็นเหตุการณ์สำหรับวัตถุอื่น ๆ คุณจะต้องแก้ไขค่าของแอตทริบิวต์สำหรับชื่อวัตถุและเหตุการณ์จะถูกแก้ไขเป็นเหตุการณ์ที่ถูกตรวจสอบ ดังนี้:
<script type = "text/javascript" สำหรับ = "test" event = "onclick"> การแจ้งเตือน ("ปุ่ม!"); </script>ประเภทที่สาม:
<input type = "button" name = "test" value = "test"/> <script> function te () {alert ("test");} test.onclick = te; </script>ที่นี่เราใช้รูปแบบของการลงทะเบียนเพื่อลงทะเบียนวิธีการไปยังเหตุการณ์ที่ระบุของวัตถุที่ระบุ ใช้ชื่อวัตถุเพื่อโทร
รหัสทดสอบที่สมบูรณ์มีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> Event = "Onload"> Alert ("ยินดีต้อนรับ!"); </script> <script type = "text/javaScript" สำหรับ = "window" event = "onunload"> การแจ้งเตือน ("ขอบคุณ!"); </script> <form name = "method =" post "action ="> js value = "ok" onclick = "sfont = prompt ('โปรดป้อนสีแดง', 'สีแดง', 'กล่องพรอมต์'); ถ้า (sfont == 'สีแดง') {form1.style.fontfamily = 'bold'; form1.style.color = 'red'; te () {แจ้งเตือน ("ทดสอบ");} test.onclick = te; </script> </form> </body> </html>สามวิธีข้างต้น (รหัสตัวอย่าง) ของเหตุการณ์การสร้าง JS เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น