1. JS พื้นเมือง:
/*** โหลดไฟล์ js และ css* @param jsondata.path prefix path* @param jsondata.url เส้นทาง JS หรือเส้นทาง CSS ที่ต้องโหลด* @param JSondata.type ประเภทที่ต้องโหลด js หรือ css*/ฟังก์ชัน loadwritefiles (jsondata) JSondata.Path: "" ถ้า (jSondata.type == "js") {document.writeln ("<สคริปต์ประเภท = 'ข้อความ/javascript' src = '"+ jsondata.path+ jsondata.url+ "> </script>"); "css") {document.writeLn ("<link rel = 'stylesheet' href = '"+jsondata.path+jSondata.url+"type =' text/css '/>"); เส้นทางที่ต้องโหลด* @param JSondata.type ประเภท JS หรือ CSS*/ฟังก์ชั่นที่ต้องโหลด LoadFilestohead (JSondata) {JSondata.Path = JSondata.Path! = ไม่ได้กำหนด? jSondata.path: "" ถ้า (jSondata.type == "JS") {var _js = document.createElement ("สคริปต์"); _ js.setAttribute ("type", "ข้อความ/javascript"); _js.onreadyStateChange = function () {ถ้า (! this.readyState || this.readyState == 'โหลด' || this.readyState == 'เสร็จสมบูรณ์') {ถ้า ("ฟังก์ชั่น" == typeof (jsondata ["callback"] _js.onload = _js.onreadystatechange = null; } document.getElementsByTagname ("head") []. AppendChild (_js); // เพิ่มลงในหัว} อื่นถ้า (jSondata.type == "css") {var _css = document.createLelement ("ลิงก์"); _ js.setattribute "Stylesheet"); _ css.setattribute ("href", jsondata.path + jsondata.url); document.getElementsByTagname ("head") []. ภาคผนวก (_css); // ต่อไป2. jQuery เวอร์ชัน:
ใช้วัตถุรอการตัดบัญชีเพื่อส่งคืนผลลัพธ์
var uiload = uiload || {}; (ฟังก์ชั่น ($, $ document, uiload) {"ใช้อย่างเข้มงวด"; var loaded = [], promise = false, referred = $ .deferred (); uiload.load = function (srcs) {srcs = $ .isarray (SRCS)? deferred.promise ();} $. แต่ละ (srcs, ฟังก์ชั่น (ดัชนี, src) {promise = promise. แล้วฟังก์ชั่น () {return src.indexof ('. css')> =? loadcss (src): loadscript (src);};}; {ถ้า (โหลด [src]) return loaded [src] .promise (); var deferred = $ .deferred (); var script = $ document.createElement ('script'); script.src = src; script.onload = function (e) {deverred.resolve (e);};}; {deferred.reject (e);}; $ document.body.appendchild (สคริปต์); โหลด [src] = รอการตัดบัญชี; return reterred.promise ();}; var loadcss = function (href) {if (โหลด [href]) $ document.createElement ('link'); style.rel = 'stylesheet'; style.type = 'text/css'; style.href = href; style.onload = function (e) {deferred.resolve (e);}; style.onerror = function (e) {deferred.reject (e);}; $ document.head.appendchild (สไตล์); โหลด [href] = รอการตัดบัญชี; return reterred.promise ();}}) (jQuery, เอกสาร, uiload);ข้างต้นเป็นรหัสตัวอย่างสำหรับการโหลดแบบไดนามิก JS และ CSS ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ!