오늘 저는 인터넷에서 JS 파일을 동적으로로드 할 수있는 JS 로더를 발견했습니다. 특정 코드는 다음과 같습니다.
jsloader.js
var minisite = new Object ();/*** 판사 브라우저*/minisite.browser = {iee : /msie/.test (window.navigator.useragent.tolowercase ()), moz :/gecko/.test (window.navigator.useragent.tolowscase ()), OPERA : /OPERA/.TEST (wind 로드 할 js* @fcallback JS로드 후 처리 함수*/load : function (surl, fcallback) {var _script = document.createElement ( 'script'); _script.setattribute ( 'charset', 'gbk'); _script.setAttribute ( 'type', 'text/javaScript'); _script.setAttribute ( 'src', surl); document.getElementsByTagName ( 'head') []. AppendChild (_script); if (minisite.browser.ie) {_script.onreadyStateChange = function () {if (this.readyState == '로드 된'|| readyStaate == '완료') {// fcallback (); if (fcallback! = undefined) {fcallback (); }}}; } else if (minisite.browser.moz) {_script.onload = function () {// fcallback (); if (fcallback! = undefined) {fcallback (); }}; } else {// fcallback (); if (fcallback! = undefined) {fcallback (); }}}};jsloader.js 테스트
<! docType html> <html> <head> <!-JS 로더 소개-> <script type = "text/javaScript"src = "js/jsloader.js"> </script> <title> jsloadertest.html </title> <script type = "text/javascript"> if (minisite.brower.ie) 상 jsminisite.jsloader.load ( "js/jquery -.. } else {minisite.jsloader.load ( "js/jquery -.. jQuery -... js ");});});});} </script> </head> <body> </body> </html>테스트 결과는 다음과 같습니다.