คำนำ
ฟังก์ชั่นบางอย่างจะต้องดำเนินการหลังจากโหลดหน้าเว็บ ตัวอย่างเช่น: เกี่ยวข้องกับการดำเนินงาน DOM
เมื่อเว็บเพจถูกโหลดเหตุการณ์ ONLOAD จะถูกทริกเกอร์และฟังก์ชั่นจะถูกผูกไว้กับเหตุการณ์นี้
การคัดลอกรหัสมีดังนี้:
window.onload = myFunction;
คำถามคือ: หากมีหลายเหตุการณ์ที่จำเป็นต้องถูกผูกไว้ในเวลาเดียวกันเราจะจัดการกับมันได้อย่างไร? มีสองวิธีแก้ปัญหา
แผน 1
สร้างฟังก์ชั่นที่ไม่ระบุชื่อเพื่อรองรับหลายเหตุการณ์ที่จำเป็นต้องผูกพันจากนั้นผูกฟังก์ชั่นที่ไม่ระบุชื่อนี้เข้ากับเหตุการณ์ ONLOAD
window.onload = function () {firstFunction (); secondFunction (); ...... }แผน 2
ฟังก์ชั่น addloadevent ที่เขียนโดย Simon Willsion:
ฟังก์ชั่น addeventload (func) {var oldonload = window.onload; if (typeof window.onload! = 'function') {window.onload = func;} else {window.onload = function () {oldonload (); func ();}}}}}จัดเก็บค่าของ window.onload event handler function ลงในตัวแปร oldonload
หากฟังก์ชั่นไม่ผูกพันกับฟังก์ชั่นการประมวลผลนี้ให้ผูกฟังก์ชั่นใหม่กับมัน
หากฟังก์ชั่นถูกผูกไว้ฟังก์ชั่นใหม่จะถูกผนวกเข้ากับจุดสิ้นสุดของคำสั่ง
วิธีการโทร:
addeventload (FirstFuction);
addeventload (secondfuction);
เนื้อหาข้างต้นเป็นวิธีการเชื่อมโยงหลายเหตุการณ์กับ window.onload ผ่านสองโซลูชัน ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน!