js页面加载完成执行函数，js加载完成后触发

【js的window.onload和jquery的.ready()什么区别】

首先，关于触发时机：window.onload是在所有网页资源，包括图片、CSS和JavaScript文件，全部加载完成后才会触发。相比之下，$.ready()则是在文档对象模型(DOM)构建完成，即页面元素加载完毕后立即生效，即使部分资源尚未完全加载。

(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是，前者除了要等待 DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。

答案：jQuery中的$.ready与window.onload之间存在显著区别。主要区别在于两者的触发时机和用途不同。详细解释：触发时机： $.ready：这是jQuery提供的一个方法，它会在HTML文档被完全加载和解析完成之后，但在其他外部资源加载完成之前执行。换句话说，当DOM结构绘制完毕，就可以运行该函数中的代码了。

加载时的执行时间点不一样，window.onload是页面和所有文件（如图片等）全部加载完后执行，jquery ready是页面加载完后就执行，不等待图片的加载。

相关问答

Q1: 怎么判断js脚本加载是否完成

1、如果script标签加载，那么三个js的下方操作即是都加在完成。用loadscript方法加载，设置全局变量，在每个callback方法中设置全局变量，之后判断全局变量即可知道是否已经加载完，如果要监控加载成功事件，可用setInterval方法监控 用jquery，when方法。

2、在页面完全加载后执行JSScript中的Defer属性如果你是一个对系统性能比较关心和在意的人，我想你应该会对Script脚本中的defer属性感兴趣的。script中的defer属性默认情况下是false的。

3、document.body： 作为额外补充，检查元素是否已经完全加载。理论上前一个检查应该已经能做出判断，但我发现有些情况下还是不够。使用这些检查就足够判断DOM是否可用了（“足够”在此表示可能会有一定毫秒级的时间差）。这个方法几乎没有瑕疵。单独使用前述检查，脚本应该可以在现代浏览器中运行得相对良好。

4、根据你的描述，如果不需要等待图片加载完成计算元图片大小，而是计算备用图的大小，并且问题中的脚本不依赖站外JS，可以把脚本放在$(function(){})；中执行，不必限定在文中的div中。

5、判断页面是否加载完成？jquery加载页面的方法，即：页面加载完成就执行，有如下几种：jQuery的$(document).ready$(document).ready(function(){$(#a).click(function(){//addingyourcodehere})；})；就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOMtree之前就执行js效果。

Q2: 页面加载完毕马上执行js代码?

1、看你JS里面怎么写的。把这些事件都去掉。然后把JS放在BODY后面。这样，就会下载完DOM树后不等图片直接加载JS了。让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。是js文件一旦被加载就立即执行。

2、让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。 js放在文档代码的下方 这是一个最简单的文档结构，引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面，可以让javascript在页面加载完成后执行。

3、虽然JS加载是放在head里。但是也要看里面的JS是怎么写的。比如，我们写jqery一开始很多人会用$(function(){...})，或者有一个JQ的ready事件，那么这就是JQ封装好的，加载完DOM才执行。如果写原生的。很多人会写window.onload这个事件，就是需要加载完DOM和所有图片之后才执行JS。所以会影响速度。

4、怎么用javascript/jQuery在当前窗口打开链接，等页面加载完成时再往下执...让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。

5、②通过script标签可以包围内部js代码或引用外部js代码，并在html文档中script越靠前通常越先执行，前提是都设置了解析到时就立即执行。外部js文件中的代码 比 内嵌的js代码先执行。

6、window.onload 表示页面加载完全时候再执行后面function中的具体内容，若想不在加载完全之后再进行调用，把window.onload = function() {newTimer()；}中的方法调用--即newTimer()；拿出来放在你需要调用的位置即可，页面会顺序加载，加载到你放置的位置便回执行。

关于js页面加载完成执行函数和js加载完成后触发的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。