บทความนี้อธิบายถึงวิธีที่ JS แทรกและดำเนินการฟังก์ชั่นการโทรกลับทันที แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> type = "text/javascript"> <!-ฟังก์ชั่น loadjs (id, url, callback) {var script = document.createElement ('สคริปต์'); script.type = 'ข้อความ/javascript'; script.src = url; script.id = id; script.onload = script.onreadyStateChange = function () {alert (script.readyState); if (script.readyState && script.readyState! = 'โหลด' && script.readyState! = 'เสร็จสมบูรณ์') คืน; script.onreadyStateChange = script.onload = null ถ้า (โทรกลับ) การเรียกกลับ (); } document.body.appendchild (สคริปต์);} loadjs ('jQuery', 'jQuery.js', function () {$ ('#โหลด'). html ('jQuery.js โหลด')}) // ->การแทรกไฟล์ JS แบบไดนามิกมีบทบาทสำคัญมากในการปรับปรุงความเร็วในการโหลดหน้าเว็บและปัญหาข้ามโดเมน ข้างต้นเป็นตัวอย่างง่ายๆ
OnReadyStateChange รองรับ IE แต่ไม่ใช่ OnLoad
Firefox รองรับ onload ไม่ใช่ onreadystatechange
IE ข้างต้นไม่จำเป็นต้องโหลดหรือทริกเกอร์โดยเสร็จสมบูรณ์หรือทั้งสองจะถูกเรียกใช้ดังนั้นใช้หรือตัดสิน
ควรสังเกตว่ารูปแบบเคสของสคริปต์ OnreadyStateChange และ Script.ReadyState อาจทำให้เกิดข้อผิดพลาดที่ค้นพบได้ยากหากกรณีไม่ไวต่อกรณี
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน