jquery的$(document).ready()与window.onload区别

最新推荐文章于 2022-07-29 22:36:42 发布
最新推荐文章于 2022-07-29 22:36:42 发布
阅读量59 收藏
点赞数
分类专栏： JavaScript 文章标签： jQuery CSS ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang2008xiang2/article/details/83950874
版权

jquery中的$(document).ready()与window.onload的区别

最早接触的时候也说$(document).ready(function(){   })这个函数是用来取代页面中的window.onload;

但是今天发现 好像不是这样回事！是在做一个页面载入效果时发现的！

function winready(){document.getElementById("loading").style.display="none";}
window.οnlοad=winready;
以上的写法  winready会在页面完全载入才触发；

jquery写法：
$(document).ready(function(){
"#loading").css("display","none");
})

以前没发现，今天因为网络卡，发现一个页面的一张图片还没载入完成，jquery的ready函数就已经触发了！

document.onload  window.onload <body onLoad="winready()">

到底又没区别？

解释这样!

$(document).ready()是在DOM结构载入完后执行的，而window.onload是得在所有文件都加载完后执行的，注意区别，一个是DOM加载完，一个是所有文件加载完

所谓DOM加载完，就是指DOM模型加载完，也就是指代码加载完。
两者最大的区别，就是DOM加载完之后，不必再去等相应的图片加载完就可以执行JS代码了。
zhang2008xiang2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
$.ready()事件的实现机制
justGY的博客
07-28 3297
$.ready()事件的实现机制.ready()用于在document对象上绑定一个ready事件监听函数，当DOM结构加载完成后，监听函数被执行 ready 作用于DOM结构加载完成时，浏览器如何解析前端文件？ 因此先了解什么是DOM结构？ 浏览器如何解析文件（这里只大概介绍渲染的流程） 渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。 解析html以构建dom树 -> 构建
jQuery中的$(doncument).ready()详解
qq_62042780的博客
05-27 1821
window.onload=function(){alert("welcome");} 该语句的作用是希望在页面加载完，自动执行定义JS代码（function）。 $(document).ready(function(){……})这个函数是用来取代页面中的window.onload; $(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程序的响应速度。 一、$(document).ready()和onload的区别 1.执行时机 JS(window.on
jQuery 事件 - ready() 方法
weixin_44345448的博客
05-16 307
Document //jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict()，帮助您使用自...
Jquery中的$(document).ready()详解
热门推荐
y516369的博客
07-29 1万+
Jquery中的$(document).ready()详解
window.onload()函数和jQuery中的document.ready()有什么区别？
yefengwuyi的博客
11-21 394
a、执行时间：window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。(document).ready()是DOM结构绘制 完毕后就执行，不必等到加载完毕。(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。(document).ready()在 window.onload之前执行。 b、简化写法：window.onload没有简化写法。(document).r
jquery的$(document).ready()和onload的加载顺序
10-29
在JavaScript和jQuery的世界里，了解`$(document).ready()`和`window.onload`的加载顺序是非常重要的，尤其是在处理页面加载和交互效果时。这两个事件都与页面加载有关，但它们触发的时机有所不同，这也可能导致在...
JQuery下关于$.Ready()的分析
10-29
本文主要讨论的是jQuery中的`$.ready()`方法及其与`onload`事件、`$(window).load()`方法的区别与应用。 首先，`$.ready()`方法，通常写作`$(document).ready()`，它的主要作用是在DOM（文档对象模型）完全加载完毕...
[removed]与$(document).ready()的区别分析
09-03
在JavaScript和jQuery的世界里，`window.onload` 和 `$(document).ready()` 都是用来确保页面内容加载后执行特定脚本的事件，但它们之间存在一些关键的区别。理解这些差异对于编写高效、响应式的网页至关重要。 ...
一张表格告诉你windows.onload()与$(document).ready()的区别
09-04
在JavaScript和jQuery中，`window.onload()` 和 `$(document).ready()` 都是用于处理页面加载事件的关键函数，但它们的执行时机和用法存在显著差异。了解这些区别对于优化前端性能和确保代码正确执行至关重要。 1. ...
$(document).ready(function() {})不执行初始化脚本
09-04
3. 如果可能，尝试将`$(document).ready()`中的代码移至`window.onload`事件中，看看是否能正常执行，以确定问题是否与DOM加载有关。 4. 如果有多个库在使用`$`，考虑使用`jQuery.noConflict()`来避免冲突。 通过...
$(document).ready(function(){}) 的含义及其使用
weixin_39840445的博客
09-16 6814
$(document).ready(function(){})  表示文档结构已经加载完成（不包含图片等非文字媒体文件） 在一个js中可能存在多个方法,不过js是顺序执行的，如果要想让一个方法在另一个方法 之前调用的话，那么我们可以调用$(document).ready(function(){})方法,就可以解决顺序 执行问题。 function one(){
window.onload与$.ready的区别
奋斗的小青年
06-07 1605
在做图书管理系统的时候，有用到window.onload(){}方法，但是遇到了一个问题，就是怎么都不执行，到底是为什么呢？愁了半天。后来经师姐指点改用了$.ready(){}。在我的浅浅的了解中认为他们是一样的，那为什么这个行，而那个不行呢？so,上网查！ Jquery中的$.ready(){}的作用类似于传统的JS中的window.onload方法。不过与windows.onload方法还是
$(document).ready(function()
weixin_45156514的博客
05-20 4599
$就是jquery的简写，$()就是一个选择器，document是html的所有元素，$(document）返回一个数组， 而这个数组是一个对象，这个对象调用ready方法，function则是ready里面的参数，就是说等这个页面全部加载完之后就去执行写入的js。 而且在$(document）.ready(function(){ }); 里面写入的js特效是和下一个里面写入的特效是不冲突的，俩者之间是不影响的， 因此可以通过$(function(){});在一个页面中加载多个js。 read.
jquery中$(document).ready(function(){})的实现
qq_34893429的博客
03-20 870
document.ready = function (callback) { ///兼容FF,Google if (document.addEventListener) { document.addEventListener('DOMContentLoaded', function () {
JQuery：入口函数 $(document).ready(function(){}
firstbird的博客
05-26 687
JQuery入口函数：防止文档在完全加载之前运行JQuery代码，如果尚未加载完成就会出现错误，下面实例： <script type="text/javascript"> $(document).ready(function(){ $('#add').click(function(){ layer.open({ type:1, title:"增加采购申请表单",
JS中的onload与jQuery中的ready区别
HTMl5自由者
05-09 2965
JS中的onload与jQuery中的ready区别介绍
body中的onload()函数和jQuery中的document.ready()有什么区别？
dgce56105的博客
06-21 1651
1、我们可以在页面中使用多个document.ready()，但只能使用一次onload()。 2、document.ready()函数在页面DOM元素加载完以后就会被调用，而onload()函数则要在所有的关联资源（包括图像、音频）加载完毕后才会调用。 转载于:https://www.cnblogs.com/ygunoil/p/9210758.html...
jQuery中$(document).ready()函数的理解
weixin_42940821的博客
03-08 9776
(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程序的响应速度，jQuery就是用(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程序的响应速度，jQuery就是用(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程序的响应速度，jQuery就是用(documen...
JQuery_$(document).ready() 与 $(window).load()方法比较
迎难而上
04-06 8652
$(document).ready()  JQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。   执行时间：$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 也就是不会等到图片，Flash全部加载完成后执行。    $
document.ready与window.onload的区别
最新发布
06-09
`document.ready` 是 jQuery 的一个事件，它在 DOM 树构建完成后就会执行，此时页面可能还没有加载完所有的资源（如图片、视频等），所以它比 `window.onload` 事件更早触发，可以更快地执行 JavaScript 代码。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值