วันนี้ฉันพบตัวโหลด JS ที่สามารถโหลดไฟล์ JS แบบไดนามิกบนอินเทอร์เน็ต รหัสเฉพาะมีดังนี้:
jsloader.js
var minisite = new Object ();/*** Judge Browser*/minisite.browser = {เช่น: /msie/.test (window.navigator.useragent.toLowercase ()), moz: /gecko/.test (window.navigator.seragent.tolowercase Opera: /opera/.test (window.navigator.useragent.toLowerCase ()), Safari: /safari/.test (window.navigator.useragent.toLowerCase ())};/*** jsloader วัตถุที่ใช้ในการโหลดไฟล์ js ภายนอก*/minis js ที่จะโหลด* @fcallback ฟังก์ชั่นการประมวลผลหลังจากการโหลด js*/load: function (surl, fcallback) {var _script = document.createElement ('สคริปต์'); _script.setAttribute ('charset', 'gbk'); _script.setAttribute ('type', 'text/javascript'); _script.setAttribute ('src', surl); document.getElementByTagname ('head') []. AppendChild (_script); if (minisite.browser.ie) {_script.onreadyStateChange = function () {ถ้า (this.readyState == 'โหลด' || this.readyStaate == 'เสร็จสมบูรณ์') {// fcallback (); if (fcallback! = undefined) {fcallback (); - } อื่นถ้า (minisite.browser.moz) {_script.onload = function () {// fcallback (); if (fcallback! = undefined) {fcallback (); - } else {// fcallback (); ถ้า (fcallback! = undefined) {fcallback (); -การทดสอบ jsloader.js
<! doctype html> <html> <head> <!-แนะนำ js loader-> <script type = "text/javascript" src = "js/jsloader.js"> </script> <title> jsloaderTest.html </title> jsminisite.jsloader.load ("js/jQuery -... js", function () {แจ้งเตือน ("การโหลดแบบไดนามิกคือ jQuery -... js"); $ (ฟังก์ชั่น () {แจ้งเตือน ("การดำเนินการประมวลผลเสร็จสิ้นหลังจากการโหลดแบบไดนามิกของ jQuery -. } else {minisite.jsloader.load ("js/jQuery -... js", function () {alert ("การโหลดแบบไดนามิกคือ jQuery -... js"); $ (ฟังก์ชั่น () {แจ้งเตือน ("jQuery -... jQuery -... js ");});});});} </script> </head> <body> </body> </html>ผลการทดสอบมีดังนี้: