เพื่อให้ฟังก์ชั่นดำเนินการหลังจากโหลดหน้าเว็บเท่านั้นเราจะผูกฟังก์ชันกับเหตุการณ์ ONLOAD:
window.onload = userfunction
แต่ถ้ามีสองฟังก์ชั่น: FirstFunction () และ SecondFunction () ซึ่งทั้งคู่ต้องการให้พวกเขาถูกดำเนินการหลังจากโหลดหน้าเว็บ? ถ้าใช่:
window.onload = firstFunciton; window.onload = secondFunction;
เฉพาะฟังก์ชันสุดท้ายเท่านั้นที่สามารถดำเนินการได้ จากนี้เราจะเห็นได้ว่าตัวจัดการเหตุการณ์แต่ละตัวสามารถผูกคำสั่งเดียวเท่านั้น
แต่เราสามารถทำได้:
window.onload = function () {firstFunction (); function (); -นี่คือทางออก
อย่างไรก็ตามมีวิธีแก้ปัญหาที่สะดวกกว่า - การเขียนโค้ดพิเศษ แต่ข้อได้เปรียบคือด้วยรหัสนี้การเชื่อมโยงฟังก์ชั่นไม่ว่าพวกเขาจะมีจำนวนเท่าใด
ชื่อของฟังก์ชั่นนี้คือ AddloadEvent ซึ่งเขียนโดย Simon Willison มันมีพารามิเตอร์เดียวเท่านั้น: ชื่อของฟังก์ชันที่จะดำเนินการเมื่อโหลดหน้าเว็บ
นี่คือการดำเนินการที่ฟังก์ชั่น AddLoadEvent () จะเสร็จสมบูรณ์:
1. จัดเก็บค่าของหน้าต่างที่มีอยู่ฟังก์ชั่นตัวจัดการเหตุการณ์ที่มีอยู่ในตัวแปร oldonload
2. หากไม่มีฟังก์ชั่นที่ถูกผูกไว้กับฟังก์ชั่นการประมวลผลนี้ให้เพิ่มฟังก์ชั่นรูปร่างลงไปตามปกติ
3. หากฟังก์ชั่นบางอย่างถูกผูกไว้กับฟังก์ชั่นการประมวลผลนี้แล้วให้ผนวกฟังก์ชันรูปร่างเข้ากับจุดสิ้นสุดของคำสั่งที่มีอยู่
นี่คือรายการรหัสสำหรับฟังก์ชัน AddLoadEvent ():
ฟังก์ชั่น addloadEvent (func) {var oldonload = window.onload; if (typeof window.onload! = 'function') {window.onload = func; } else {window.onload = function () {oldonload (); func (); -สิ่งนี้เทียบเท่ากับการสร้างคิวสำหรับฟังก์ชั่นที่จะดำเนินการเมื่อโหลดหน้าเว็บ หากคุณต้องการเพิ่มฟังก์ชั่นทั้งสองตอนนี้ลงในคิวคุณเพียงแค่ต้องเขียนรหัสต่อไปนี้:
addloadEvent (FirstFunction); addloadEvent (ฟังก์ชั่นที่สอง);
วิธีการด้านบนของการเชื่อมโยงฟังก์ชั่น JavaScript หลายฟังก์ชันกับฟังก์ชั่นการจัดการเหตุการณ์ OnLoad เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น