$(document).ready() $(window).load 及js的window.onload

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了$(document).ready() $(window).load 及js的window.onload相关的知识,希望对你有一定的参考价值。

1、$(document).ready()  简写为$(function(){}) DOM结构绘制完成执行,而无需等到图片或其他媒体下载完毕.

2、$(window).load  在有时候确实我们有需要等到页面的所有东西都加载完后再执行时使用

3、window.onload=function(){}  必须等到页面内包括图片的所有元素加载完毕后才能执行

 

另:defer属性

在脚本中写defer,<script type="text/javascript" defer></script>,则浏览器在下载脚本时,不会对其立即处理,而是会继续对下面的页面进行下载解析,提高下载性能

defer用于:不需要立即执行的脚本,例如$(window).load的函数,可用于界面上一些需要点击或鼠标事件的方法

 

备注:浏览器可并发请求,但是加载js时,脚本会阻塞其他资源的加载,所以脚本置后

以上是关于$(document).ready() $(window).load 及js的window.onload的主要内容,如果未能解决你的问题,请参考以下文章

$(document).ready 简写

$(document).ready(function(){}),$().ready(function(){})和$(function(){})三个有区别么

如何从外部调用 $(document).ready 中的函数

$(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别

$(document).ready(function() VS $(function() [重复]

你能有多个 $(document).ready(function() ... );部分?