js加载完全

如何确定一个js是否加载完全或者页面中的所有js加载完全,具体办法如下:

  function loadScript(url , callback){

var script = document.createElement("script");

script.type="text/javascript";

if(script.readyState){

script.onreadystatechange = function(){

if(script.readyState=="loaded"||script.readyState=="complete"){

script.onreadystatechange=null;

callback();

}

}

}else{

script.onload = function(){

callback();

}

}

script.src = url;

document.getElementsByName("head")[0].appendChild(script); }

  如何让脚本的执行顺序按照你设定的顺序执行,使用嵌套的方式:

  loadScript("file1.js",function(){ loadScript("file2.js",function(){ loadScript("file3.js",function(){ alert("All files are loaded"); }); }); });

时间: 2024-08-25 22:59:03

js加载完全的相关文章

javascript不依赖JS加载顺序事件对象实现

背景: 在现在WEB开发中,稍复杂一点的页面,都会涉及到多个模块,尤其是类似seajs.LABjs.requireJS等模块工具出来后,前端开发者分模块开发已经慢慢变成一种习惯了,但是多个模块间的常常有各种交集,需要通信.需要互相调用,这时监听者模式便是必不可少的一种设计模式了,在前端表现事件操作.backbone和jquery都有提供了很好的事件处理方式. 但是,真正开发需求的时候我们常常会遇到文件加载顺序跟事件监听与更新不一致的需求,比如说:在一个视频网站里面,有一个视频处理的JS模块和用户

【随笔】js加载

有时候,当发现js操作一个dom的时候,发现dom没有找到,这是由于html没有加载完就开始操作该dom的缘故,所以需要在html文档加载完后再加载js,于是我们可以这么做: js方法:window.onload 当一个文档完全下载到浏览器中时,才会触发window.onload事件.这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行.这种情况对编写功能性代码非常有利,因为无需考虑加载的次序. window.onload=function(){ alert

(转)JS加载顺序

原文:http://blog.csdn.net/dannywj1371/article/details/7048076 JS加载顺序 做一名合格的前端开发工程师(12篇)--第一篇 Javascript加载执行问题探索 楼主做前端开发一年多了,对前端的见解还是多多少少有一点的,今天特拿出来跟大家分享分享. 做前端开发少不了各种利器.比如我习惯用的还是Google浏览器和重型武器Fiddller. 一: 原始情况 首先大家看看如下的代码: 1 <%@ Page Language="C#&qu

js加载xml文件xin

js加载xml文件 作为刚进入软件开发大军的我,以一个水军的资格开始做梦,以一个画者的资格在'一张白纸'上开始涂抹.工作在哪里??工作在哪里呢??? 今天发现一道面试题: 附件中有一个城市列表的city.xml文件,现在需要您通过Javascript脚本对该文件进行解析,然后将城市列表还原到下拉列表框中:当选择下拉列表框时,在对应的文本框中显示该城市信息(界面布局请参考test1.html文件,也可以自行定义). 上网查了一天的资料,绞尽脑汁的试着网上前辈的各种方法,为什么一个个别人成功的案例,

js便签笔记(8)——js加载XML字符串或文件

1. 加载XML文件 方法1:ajax方式.代码如下: var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); xhr.open("GET", "data.xml", false); xhr.send(null); var xmlDoc = xhr.responseXML; console.log(xmlDoc

FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据

前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用<OBJECT> 和<EMBED>标记来加载图形的,但是这样做是非常不“理智”的.这样做除了代码量比较大外,还有并不是所有的人能够看懂上面的代码.但是 使用JS后就可以避免上面几个问题了. 一.使用JS加载FusionCharts图形 下面就分五个步骤讲解如何使用js来加载FusionCharts图形. 第一步:导入FusionCharts.js文件 [javascript]

thinksns系统的js加载顺序整理

thinksns系统的js加载顺序整理 1.jQuery.js 2.jquery.form.js 3.common.js 4.core.js   //thinksns的核心js对象 5.module.js   //thinksns独有的HTML标签关联模型 6.module.common.js ................................................希望资深的前端大牛能给讲解一下内部的工作原理

解决JS加载速度慢

在网页中的js文件引用会很多,js引用通常为 <script src="xxxx.js"></script> 通过如下方法可以增加js加载速度 <<script type="text/javascript">>document.write("<<scr"+"ipt src=\"xxxx.js\" language=\"JavaScript\&quo

本机上使用Three.js加载纹理

如何加载纹理 // 首先, 创建一个纹理 var mapUrl = "../images/molumen_small_funny_angry_monster.jpg"; var map = THREE.ImageUtils.loadTexture(mapUrl); //然后, 创建phong 材质来显示光影效果,把纹理传给该材质 var material = new THREE.MeshPhongMaterial({ map: map }); // 创建几何对象 var geometr