บ้าน / อินเทอร์เน็ต / การพัฒนาเว็บ / วิธีการแทรกโค้ดปุ่ม

วิธีการแทรกโค้ดปุ่ม

/
42 เข้าชม

วิธีการแทรกโค้ดปุ่ม</a>

ปุ่มในหน้าเว็บที่ใช้ในการจัดระเบียบการสื่อสารโต้ตอบกับผู้ใช้

ตามกฎแล้วถ้าการตอบสนองต่อการกดปุ่มไม่จำเป็นต้องมีการส่งข้อมูลไปยังเซิร์ฟเวอร์การติดต่อสื่อสารจะดำเนินการโดยใช้ JavaScript-สถานการณ์

วิธีการเรียกที่สอดคล้อง JavaScript รหัสอาจแตกต่างกัน - ต่อไปนี้อธิบายน้าไปได้บางประเภทที่แตกต่างกันของปุ่ม

การเรียนการสอน

    1

หากปุ่มแสดงผลบนหน้าเว็บจัดโดยแท็กปุ่มจาวาสคริปต์รหัสสามารถอยู่ในแอตทริบิวต์ onclick ยกตัวอย่างเช่น: & lt ปุ่ม onclick = » alert ( '! ปุ่มกด) - « & gt ปุ่มและ lt- ปุ่ม / & gt-แน่นอนวางโดยตรงในแท็กปุ่มเป็นรหัสขนาดใหญ่พอที่ไม่เหมาะสม - มันจะดีกว่าที่จะออกแบบเป็นฟังก์ชั่นและในแอตทริบิวต์ onclick เพียงใส่รหัสเรียกฟังก์ชั่นนี้ ตัวอย่างเช่น: & lt สคริปต์และ GT-
ฟังก์ชั่น showAlert () {
alert ( 'กดปุ่ม!)
}
และ Lt- / script & GT- & lt ปุ่ม onclick = » showAlert () » & gt ปุ่มและ lt- / ปุ่ม & GT-

    2

ถ้าปุ่มจะแสดงโดยหนึ่งในตัวเลือกแท็กใส่ (ส่งรีเซ็ตปุ่มหรือภาพ) คุณสามารถใช้แอตทริบิวต์เดียวกัน onclick ตัวอย่างเช่นสำหรับเขตข้อมูลของการล้างรูปแบบปุ่ม (ตั้งค่า) รหัสอาจมีลักษณะเช่นนี้และประเภท LT-อินพุต = » RESET » onclick = » showAlert () » / & gt-หากคุณต้องการเพียง JavaScript สคริปต์การกดปุ่มการดำเนินการและเธอได้รับมอบหมาย ดำเนินการเริ่มต้นไม่ได้เกิดขึ้นแล้วฟังก์ชั่นหรือโดยตรงในแอตทริบิวต์ onclick จะต้องเพิ่มคำสั่งกลับเท็จ ตัวอย่างเช่น: & ประเภท LT-อินพุต = » RESET » onclick = » showAlert () - กลับเท็จ» / & GT-

    3

หากมีความจำเป็นในการจัดระเบียบเพื่อตอบสนองต่อการกดปุ่มเพียงปุ่มเดียวพิมพ์ส่งแท็กรูปแบบแล้วนอกเหนือจากวิธีการดังกล่าวโดยใช้คุณสมบัติ onclick แอตทริบิวต์อาจถูกนำมาใช้เพื่อที่ปุ่มนี้ การเรียกฟังก์ชั่นที่สอดคล้องกันสามารถอยู่ในแท็กรูปแบบแอตทริบิวต์ onsubmit ตัวอย่างเช่น: & กระทำ LT-รูปแบบ = »» onsubmit = » showAlert () - กลับเท็จ» & GT-
และประเภท Lt อินพุต = »ส่ง» / & GT-
และ Lt- / รูปแบบและ GT-

    4

ถ้าปุ่มไม่ได้เป็นส่วนหนึ่งของรูปแบบและทุกองค์ประกอบกราฟิก (แท็ก img) แล้วสำหรับเขามาตรฐานอนุญาตให้ใช้แอตทริบิวต์ onclick ตัวอย่างเช่น: & src LT-img = » btn.gif » onclick = » showAlert () - » / & GT-

    5

ถ้าปุ่มเป็นเชื่อมโยงหลายมิติที่ใช้แอตทริบิวต์ของปุ่มตัวเองที่ไม่จำเป็นจะดีกว่าที่จะใช้ประโยชน์จากคุณสมบัติของการอ้างอิงแท็ก มันเป็นไปได้ในขณะที่น้าก่อนหน้านี้ใช้แท็ก onclick ตัวอย่างเช่น: & lt-a href = » http://learn-myself.com » onclick = » showAlert () - กลับเท็จ - «& GT- & src LT-img =» btn.gif » / & GT- & lt- / a & gt-A สามารถถูกแทนที่ด้วยฟังก์ชั่นการโทรไปยังที่อยู่ในแอตทริบิวต์ href ตัวอย่างเช่นเนื่องจาก: & lt-a href = » javascript: showAlert () - «& GT- & lt-img src =» btn.gif » / & GT- & lt- / a & GT-

วิธีการแทรกโค้ดปุ่ม มันได้รับการปรับปรุงครั้งสุดท้าย: 20 มิถุนายน 2017 โดย nolseowb
มันเป็นหลักข้อความส่วนท้ายภาชนะภายใน