$(document).ready(function(){})和window.onload和$(window)load(fn)的加载说明

最新推荐文章于 2022-10-11 08:39:41 发布
最新推荐文章于 2022-10-11 08:39:41 发布
阅读量321 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangshubian/article/details/66974418
版权

1、$(document).ready(function(){}) 等价于$(function(){}); 在DOM就绪后执行

2、window.onload和$window.load()都是在页面资源(如js,css,image等资源)全部加载完后执行。

window.onload = function(){}整个DOM中只会执行第一个，后面多个不执行

$(window).load(function(){})可以依次执行多个


这样的形式不建议使用：<body οnlοad="fn();">，会增加页面html和js间的耦合度。

小柴林
关注
专栏目录
window.onload和DOMContentLoaded的区别
skysys的研究小屋
08-13 2840
一、何时触发这两个事件？ 1、当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。 2、当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。 二、为什么要区分？ 开发中我们经常需要给一些元素的事件绑定处理函数。但问题是，如果那个元素还没有加载到页面上，但是绑定事件已经执行完了，是没有效果的。这两个事件大致就是用来避免这样一种情况，将绑定的函数放在这两个事件的回调中，保证能在页面的某些元素加载完毕之后再绑定事件的函
解决window.onload延迟加载问题
weixin_30432179的博客
06-23 630
window.onload方法，表示当页面所有的元素都加载完毕，并且所有要请求的资源也加载完毕才触发执行function这个匿名函数里边的具体内容。这样肯定保证了代码在domReady之后执行。使用window.onload方法在文档外部资源不多的情况下不会有什么问题，但是当页面中有大量远程图片或要请求的远程资源时，我们需要让js在点击每张图片时，进行相应的操作，如果此时外部资源还没有加载完毕，点...
jquery等待图片加载完成,再使用函数,使用$(window).load(fn)
weixin_34025151的博客
02-13 324
如题 转载于:https://www.cnblogs.com/zuoxiaobing/p/3547758.html
$(document).ready(function()详解
热门推荐
Thinkingcao的专栏
02-22 2万+
1、       $就是jquery的简写，$()就是一个选择器，document是html的所有元素，$(document）返回一个数组，而这个数组是一个对象，这个对象调用ready方法，function则是ready里面的参数，就是说等这个页面全部加载完之后就去执行写入的js。而且在$(document）.ready(function(){  });里面写入的js特效是和下一个里面写入的特效
$().ready(function()与$(function(){的区别
初秋土豆的博客
05-06 526
$(function(){...}); 这是JQuery的语法，$表示JQuery对象，可以有好几种用法。比如传递选择器字符串、页面对象等，如果直接传函数体进去，表示当页面加载完毕时执行这个函数; $().ready(function(){...}); //(document)意思是说，获取整个网页文档对象（类似的于window.document） //$(document).read...
给vue增加一个ready
08-10
vue钩子函数很多，不过这些钩子函数都是在vue本身的生命周期有关，却没有一个走的是项目过程。vue-ready就是为了让项目过程更简单。
JQuery使用及基础原理解析相关笔记（一）
jwlLWJ_2018的博客
06-28 7181
1.jquery◆很强大，但是很臃肿，需要自己封装一个jquery，要用到jqery中哪些方法，就把原来jquery中的方法拿出来。◆jquery有两大特点：链式编程、隐式迭代（遍历）。2.原生js的入口函数与jquery的入口函数◆原生js的入口函数：window.onload = function () {}是页面文档和页面资源都加载完毕之后开始执行函数里面的代码，document.onrea...
JavaScript--window.onload和jq的$(document).ready()
weixin_45406850的博客
02-12 1334
区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个。 $(documrnt).ready()可以同时编写多个，并且都可以得到执行。 3.多个的执行结果 window.onload不能同时写多个，但是有多个时会执行，只是后执行的会将前一次执行的结果覆盖。 $(do
$(window).load()方法理解、使用场景
L.Cheng Blog
10-11 4224
1、$(window).load() 和window.οnlοad=function(){}是页面中的所有元素（包括图片、flash）等都加载完毕后，才能执行；$(document).ready() 是页面中的DOM元素加载完成后便可执行。2、$(window).load()和window.οnlοad=function(){}不同的是，前者可以和$(document).ready()一样，可以同时加载多个函数。
jQuery(document).ready(function($) { });的几种表示方法
11-24
`jQuery(document).ready()`函数是jQuery中的一个重要概念，它确保了在执行任何JavaScript代码之前，DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...
Jquery 中关于load和ready事件的总结
weixin_44445416的博客
01-08 453
      近期承担了部分jquery的任务，在博客总结一下，留作积累，用得上的亲也可参考。 相关介绍：           首先说说window和document，直观上来讲，window代表的是浏览器窗口，而document代表的是浏览器窗口中加载的dom元素。假设现在有一个浏览器，里边加载的页面特别长，已经超出了一屏，当然，肯定会出现滚动条了，这时候，$(window).height()...
$(function(){})与$(document).ready(function(){})
weixin_34277853的博客
04-25 108
$(function(){ //jq ready()的简写 }); $(document).ready(function(){ // }); 或者： $().ready(function(){ //jQuer的默认参数是：“document”； }) ps: document.ready和onload的区别——JavaScript文档加载完成事件...
JQuery Tips(1)----关于$.Ready()
weixin_33854644的博客
12-12 102
     最近一直在研究JQuery,这个东西还是很博大精深的.下面分享一下我的学习总结. $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法      接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里.      对于Body的Onlo...
jQuery 事件 - ready() 方法
weixin_30413739的博客
03-31 228
$(document).ready(function(){ $(".btn1").click(function(){ $("p").slideToggle(); });}); 定义和用法 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。 由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是...
java面试84讲
weixin_42362544的博客
10-20 3827
面试84讲 02.java跨平台原理 java通过不同的系统、版本、位数的java虚拟机（jvm），来屏蔽不同的系统指令集差异而对外提供统一的接口（java API），对于普通的java开发而言，只需按照接口开发即可。当系统需要部署到不同的环境时，只需在系统上面安装对应版本的虚拟机即可。 03.搭建一个java的开发环境步骤 java开发环境需要什么？ ...
jquery之重写（扩展）$.ajax和$.fn.load方法详解
u012949335的专栏
07-25 885
一、前提知识 往下翻页之前，有必要了解以下知识： 1. (function($){….})(jQuery) 第一个括号里边的function($){….}实际上就是一个匿名函数，它的形参是$，这很奇怪，其实这里主要是为了不与其它的库冲突。我们在调用函数的时候，通常都是函数名后边加上括号以及实参，但是由于操作符的优先级我们定义的匿名函数也需要用（）括起来，所以就有了前面的(fun...
JSON.stringify和JSON.parse语法实例讲解
jiangshubian的博客
03-28 6525
语法：  　　JSON.stringify(value [, replacer] [, space])  value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。  　　情况一：replacer为数组时，通过后面的实验可以知道，它是和第一个参数value有关系的。一般来说，系列化后的结果是通过键值对来进行
ajax传值时报错：TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement
jiangshubian的博客
04-01 1412
在异步请求传值时，如果函数内参数没有被定义并赋值，传的值中是object HTMLInputElement，而这个值是没法传到后台的，所以报下面错误； 例如下面的mobile，没有赋值就做参数上传了。 function test(){ $.ajax("g**.do", { type: 'POST', data: {'mobile': mobile}, .....
JS中清空数组方式
jiangshubian的博客
04-16 1010
JavaScript中清空数组的三种方式 方式1，splice 1 2 3 var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了 方式2，length赋值为0
$(document).ready()和window.onload 有什么区别
最新发布
03-16
$(document).ready()和window.onload都是用来在网页加载完成后执行JavaScript代码的方法，但是它们有以下区别： 1. $(document).ready()是jQuery库中的方法，而window.onload是JavaScript原生的方法。 2. $...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值