$(window).on("load",function(){}和$(function(){})区别

最新推荐文章于 2022-07-14 10:58:16 发布
最新推荐文章于 2022-07-14 10:58:16 发布
阅读量2.7k 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mjr99999/article/details/73556485
版权
ready事件是页面中的所有DOM结构已完全加载时执行
load事件是当页面完全呈现（如页面中的图像已被完全接收）时执行

在大多数情况下，只要DOM结构已完全加载时，脚本就可以运行。传递处理函数给.ready()方法，能保证DOM准备好后就执行这个函数

如果执行的代码需要在元素被加载之后才能使用时，（例如，取得图片的大小需要在图片被加载完后才能知道），就需要将这样的代码放到 load 事件中。
Ron_Miu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
父级框架获取子框架页面的内容 $(function(){})$(document).ready(function(){}$(window).on('load',function(){})
qq_39241421的博客
05-09 832
说起这个真的是头大，我要从父级窗口获取子框架的元素，我把全网涉及的框架之间元素调用都看遍了，也没有说明一个关键性问题的，为什么呢？这里一定要吐槽一下，我按照网上大神们所贴出来的种种方法，一个接着一个的进行了实验没有一个是可以用的，为什么？为什么？为什么？离成功还有1步的时候，我放弃了。我把关注点放在了框架本身加载的问题上，就是预加载的头，一般我们jq都是写成这样的$(function(){})文件...
用$(window).load(function(){...})而不用body.onload()的几个理由
weixin_30781775的博客
12-10 453
首先它们都是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的,这是它们的共同点. 不用body.Onload()理由1： 如果我们想同时加载多个函数,我们必须这样写 <body onload="fn1(),fn2()"></body>看起来极其丑陋,如果用$(window).load()我们可以这样加载多个函数 $(wind...
python web py入门（46）- jQuery 事件 - $( document ).ready与$( window ).on( "load"的区别
大坡3D软件开发
04-11 2318
在前面学习了ready方法，这个方法是在当文档准备好时触发运行，因为一个页面是否安全地操作HTML元素，是需要DOM完成，否则会发现有一些元素还没有加载，就去操作，必然会出错。jQuery自动地检测这个DOM完成时刻，省了不少事情。并且只自动地执行一次代码，不会多次执行，导致浪费运行资源。如果把代码放到$( window ).on( "load", function() { ... })，它不是D...
$(window).on("load",function(){} 和 $(document).ready(function() {}
weixin_34342578的博客
05-17 608
$(window).on("load",function(){ 　　//页面属性，图片，内容完全加载完，执行 } $(document).ready(function() { 　　或者$(function{}); 　　//页面DOM结构加载完执行 } 转载于:https://www.cnblogs.com/start-fxw/p/6867961.html...
window..onload和$(document).ready()
小瑾沐晚风的博客
09-17 602
在Jquery里面，$(function(){}) 和$(document).ready(function(){})，这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。 $(document).ready是在DOM完全就绪时就可以被调用。 而window.onload是在dom文档树加载完和所有文件（包括图片等非文字媒体文件...
JQ中$(window).load和$(document).ready区别与执行顺序
10-20
在JavaScript和jQuery中，`$(document).ready()`和`$(window).load()`是两种常见的事件绑定函数，它们分别用于在不同的页面加载阶段执行相应的代码。理解它们的区别和执行顺序对于优化网页性能和确保脚本正确运行至...
JQuery下关于$.Ready()的分析
10-29
本文主要讨论的是jQuery中的`$.ready()`方法及其与`onload`事件、`$(window).load()`方法的区别与应用。 首先，`$.ready()`方法，通常写作`$(document).ready()`，它的主要作用是在DOM（文档对象模型）完全加载完毕...
浅谈$(document)和$(window)的区别
09-03
使用`$(window).load()`可以等待整个页面（包括图像和其他外部资源）完全加载后再执行代码。 例如，监听窗口大小改变的事件： ```javascript $(window).resize(function() { // 在此处处理窗口大小改变的逻辑 });...
jQuery(document).ready(function($) { });的几种表示方法
11-24
$(window).load(function() { alert("hello,我是 jQuery!"); }); $(window).load(function() { alert("hello,我也是 jQuery"); }); ``` 这里，`$(window).load()`的行为与`window.onload()`类似，等待所有资源...
jquery中ready()函数执行的时机和window的load事件比较
10-24
主要介绍了jquery中ready()函数执行的时机和window的load事件比较的相关资料,需要的朋友可以参考下
页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
pcaxb的专栏
10-13 6619
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址： 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 的同级函数详解 1.window.onload = function(){} / $(window).load(function)方法是在网页中的所有的元素(包括元素的所有关联文件：图片、音视频、f
js页面加载的几种方式的速度： window.onload、 $(window).load、 $(function(){}）、 $(document).ready(function () {})、on...
weixin_30790841的博客
06-04 372
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></sc...
$(doucument).ready() 和 window.on load 的区别
qq_41984887的博客
04-25 458
$(document).ready(function(){…}) 是jQuery的方法。window.onload 是js的原生方法。 二者功能相似： 在这两个方法里的jQuery或JS代码会在DOM元素加载完毕后才开始执行，避免在文档没有完全加载之前运行导致的一些错误，如访问一个还没有加载出来的元素。 并且，在这两个方法里的代码可以获得当前网页上的所有元素，并进行监听。 比较： 执行时机：$...
解决$(window).load(function(){ …})报错问题及详解$(document).ready()和$(window).load()的区别
TurtleOrange的博客
11-02 2055
解决(window).load(function()…)报错问题及详解(window).load(function(){ …})报错问题及详解(window).load(function()…)报错问题及详解(document).ready()和$(window).load()的区别 1.解决$(window).load(function(){ …})报错问题 ①修改：$(window).on(“load”,function(){ …}) 2.(document).ready()和(document).re
【jQuery】jQuery中的事件全解析_06
青春木鱼的博客
07-14 340
jQuery事件是对JavaScript事件的封装，常用事件如：鼠标事件—click()、mouseenter()、mouseleave()，键盘事件——keyup()、keydown()、keypress()，表单事件——focus() 、blur() ，绑定事件——bind(type,[data],fn)，复合事件——hover()、toggle()方法等等.....................
js控制运行时间的原生window和jquery写法
Xu_cipu的博客
09-18 531
共有三种控制运行时间的函数： window.onload (js原生) $(document).ready() （jquery提供的时间节点一） $(window).load()（jquery提供的时间节点二） 三者关系： window.onload 和 $(window).load()指的是同一个时间节点，及页面中图片或其他外部文件都加载完毕之后，进行操作。 而$(document).ready...
window 事件
iteval
07-17 250
1. 滚动事件 – onscroll // 当页面发生滚动就会触发这个事件 window.onscroll = function () { console.log('我会随着鼠标滚动改变'); } 2. 窗口大小改变事件 – onresize // 当窗口大小发生改变就会触发这个事件 window.onresize = function () { console.log('我会随着窗口改变'); } 3. 页面加载完毕后执行 – onload // 当页面全部加载完毕之后, 才会执行 w
jquery中bind与on的区别
weixin_42619706的博客
07-18 324
bind方法与on方法都是事件绑定，但是两者却又有着一个大区别：事件委托 on方法多了一个selector方法，也就是子类选择器 事件委托就是子类的事情委托给父类的去做，而这就让我们想起了冒泡事件，是的，这的确是委托事件的原型，而我们的selector，则是判断是不是那个子元素触发的事件，如果不是，自然就忽略掉了 这是个最简单的委托事件，按钮将事件委托给了父亲节点---div，所以点击btn...
$(window).load()事件用法
最新发布
05-27
`$(window).load()`事件是在所有页面资源都已经加载完成后触发的事件，与`window.onload`事件类似。它是jQuery库提供的一个事件，可以用来执行一些需要等待所有资源加载完成后才能进行的操作。 `$(window).load()`事件的用法如下： ```javascript $(window).load(function() { // 所有页面资源都已经加载完成后执行的代码 }); ``` 在这个事件中，可以进行一些需要等待所有资源加载完成后才能进行的操作，例如操作图片、计算元素的位置、执行动画效果等等。 需要注意的是，`$(window).load()`事件触发的时间比`$(document).ready()`事件（或者说DOMContentLoaded事件）要晚，因为它需要等待所有资源加载完成后才能触发。因此，如果只需要操作DOM元素，就可以使用`$(document).ready()`事件或者DOMContentLoaded事件，如果需要操作图片等资源，可以使用`$(window).load()`事件。 另外，从jQuery 3.0版本开始，`$(window).load()`事件已经被废弃，建议使用`$(window).on('load', function(){})`来代替。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值