JAVAs是啥意思 ?

发布网友发布时间：2022-04-23 00:21

我来回答

共2个回答

懂视网时间：2022-04-21 21:54

Javascript文件的动态加载

作者 :towaywu

2016-01-28 17:26:24.0

29 浏览

类别 :HTML/CSS/JAVASCRIPT 编程语言

Javascript文件动态加载一直是比较困扰的一件事情,像网络上传的比较常见的做法:

代码名称

function loadjs(fileurl){ var sct = document.createElement("script"); sct.src = fileurl; document.head.appendChild(sct);}

然后我们来测试一下结果:

代码名称

 function loadjs(fileurl){   var sct = document.createElement("script");  sct.src = fileurl;  document.head.appendChild(sct); } loadjs("http://code.jquery.com/jquery-1.12.0.js"); loadjs("http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js")  loadjs("http://bootboxjs.com/bootbox.js")

代码加载完后,会出现下图的错误.

jquery明明是加载在第一个处理,为什么还是报jQuery不存在的对象呢? 因为这样加载,相当于开启了三个线程,只是jquery这个文件先启动线程,而jquery执行完这个线程的时间,超过了后面两个时间. 因此后面执行完的,可能没能找到jquery这个对象.

然这种方式怎么处理呢? 其实文件的加载是有个状态处理的.文件的加载有个onload事件,就是可以监听文件是否加载完成的事件.

因此我们可以考虑这个方法来处理我们想要的结果.我们用直观的方式来处理.改进后的代码如下:

OK,执行完这个代码之后,加载文件都是在前一个加载完成后,才会加载另外一个,这样就不会造成找不到用到的对象了.

然后我们来执行一个弹出框的效果,代码里面使用了 Bootbox.js 插件. 加载代码如下:


 loadjs("http://code.jquery.com/jquery-1.12.0.js",function(){ loadjs("http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js",function(){  loadjs("http://bootboxjs.com/bootbox.js",function(){   bootbox.alert("Hello world!", function() {   Example.show("Hello world callback");   });  }) }) });
 刷新页面,就会直接显示弹出框:
  
 动态加载的代码,往往容易在这里花费很多时间调试.大家最好的办法就是写一个最简单的例子,理解其中的原因. 这里的代码都可以进行封装,还可以加入CSS文件的加载.作为自己的插件使用.
  本文属于吴统威的博客, 微信公众号:bianchengderen,QQ群:186659233 的原创文章,转载时请注明出处及相应链接:http://www.wutongwei.com/front/infor_showone.tweb?id=195 ,欢迎大家传播与分享. 
   
 标签 :javascript动态加载 
 
 
 
 
   
 HTML5 Camera(摄像头) 和 Video(视频)控制 
  已经没有数据 
 
   
  
   
  
 towaywu 
   
一个喜欢技术,走在创业路上的屌丝!欢迎一起交流
  编程的人微信公众号: bianchengderen 
 
   交流QQ群: 186659233 





                                                            
                        
                        热心网友
                        时间：2022-04-21 19:02
                    
                    Java是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台（即JavaSE, JavaEE, JavaME）的总称。追问会不会影响手机应用软件的使用？
追答不会！

全部栏目

JAVAs是啥意思 ?

Javascript文件的动态加载

代码名称

代码名称