//Dynamic load Style functiondynamicloadingcss (path) {if(!path | | path.length = = 0){ return false; } varHead = document.getElementsByTagName (' head ') [0]; varlink = document.createelement (' link '); Link.href=path; Link.rel= ' stylesheet '; Link.type= ' Text/css '; Head.appendchild (link); } //Dynamic Load Scripts functionDynamicloadingscript (path,callback) {varHead = document.getElementsByTagName (' head ') [0]; varScript = document.createelement (' script '); SCRIPT.SRC=path; Script.type= ' Text/javascript '; if(typeofcallback = = = "function") {Script.onload=function() {callback (); }} head.appendchild (script); }
How to use
// Time picker for loading bootstrap function Getdatetimepicker () { dynamicloadingcss ("/content/css/bootstrap.css"); Dynamicloadingcss ("/content/css/datetimepicker/bootstrap-datetimepicker.min.css"); Dynamicloadingscript ("/scripts/bootstrap.js", "" "); Dynamicloadingscript ("/scripts/datetimepicker/bootstrap-datetimepicker.min.js",function( ) { dynamicloadingscript ("/scripts/datetimepicker/locales/bootstrap-datetimepicker.zh-cn.js", "" " ); Dynamicloadingscript ("/scripts/hex-datetimepicker.js", ""); });
JavaScript dynamically load Resources