Javascript文件的动态加载-吴统威的博客_html/css

Javascript文件的动态加载

代码名称

首页

web前端

html教程

Javascript文件的动态加载-吴统威的博客_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 08:58 AM

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);}

登录后复制

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

代码名称

<html>   <head>      <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" media="screen" />   </head>   <body>       <script>

登录后复制

        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")

登录后复制

       </script>   </body></html>

登录后复制

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

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

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

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

                       


				


				
    


					


											
							
								
									
									热AI工具
								
								
																		
											
												
											
											
												
													Undresser.AI Undress
												
												人工智能驱动的应用程序，用于创建逼真的裸体照片
											
										
																		
											
												
											
											
												
													AI Clothes Remover
												
												用于从照片中去除衣服的在线人工智能工具。
											
										
																		
											
												
											
											
												
													Undress AI Tool
												
												免费脱衣服图片
											
										
																		
											
												
											
											
												
													Clothoff.io
												
												AI脱衣机
											
										
																		
											
												
											
											
												
													AI Hentai Generator
												
												免费生成ai无尽的。
											
										
																
								
									显示更多
								
							
						
					

					

					
						
							
								
								热门文章
							
							
															
									R.E.P.O.能量晶体解释及其做什么（黄色晶体）
									
										4 周前
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															
									R.E.P.O.最佳图形设置
									
										4 周前
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															
									刺客信条阴影：贝壳谜语解决方案
									
										2 周前
										By DDD
									
								
															
									R.E.P.O.如果您听不到任何人，如何修复音频
									
										4 周前
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															
									WWE 2K25：如何解锁Myrise中的所有内容
									
										1 个月前
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
														
							
								显示更多
							
						
					


											
							
								
									
									热工具
								
								
																		
											
												
											
											
												
													记事本++7.3.1
												
												好用且免费的代码编辑器
											
										
																			
											
												
											
											
												
													SublimeText3汉化版
												
												中文版，非常好用
											
										
																			
											
												
											
											
												
													禅工作室 13.0.1
												
												功能强大的PHP集成开发环境
											
										
																			
											
												
											
											
												
													Dreamweaver CS6
												
												视觉化网页开发工具
											
										
																			
											
												
											
											
												
													SublimeText3 Mac版
												
												神级代码编辑软件(SublimeText3)
											
										
																	
								
									显示更多
								
							
						
										

					
					
						
							
								
								热门话题
							
							
															
									gmail邮箱登陆入口在哪里
									
										
											
											7517
										
										
											
											15
										
									
								
															
									CakePHP 教程
									
										
											
											1378
										
										
											
											52
										
									
								
															
									steam的账户名称是什么格式
									
										
											
											79
										
										
											
											11
										
									
								
															
									win11激活密钥永久
									
										
											
											53
										
										
											
											19
										
									
								
															
									NYT连接提示和答案
									
										
											
											21
										
										
											
											66
										
									
								
														
							
								显示更多