window.onload = function()与$(function ()的区别

最新推荐文章于 2022-05-26 20:43:48 发布
最新推荐文章于 2022-05-26 20:43:48 发布
阅读量354 收藏 2
点赞数 1
分类专栏： 前端 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43028393/article/details/106687409
版权
本文探讨了window.onload事件与jQuery的$(function ()即文档就绪事件的区别。window.onload等待所有资源（如图片）加载完毕后执行，而$(function ())在DOM元素加载完成后即执行，无需等待所有资源。
摘要由CSDN通过智能技术生成

window.onload = function()与$(function ()

    - 以上两种形式的执行顺序：
      1、jQuery页面加载完成先执行
      2、原生js页面加载完成后执行

    - 他们分别在什么时候触发：
      1、jQuery的页面加载完成之后是浏览器的内核解析完页面的标签创建好DOM对象之后就马上执行
      2、原生JS的页面加载完成，除了要等浏览器的内核解析完标签创建好DOM对象，还要等标签显示时需要的内容加载完成

    - 他们的执行次数：
      1、jQuery的页面加载完成之后是全部把注册的function函数，按照顺序全部执行
      2、原生js页面加载完成之后，只会执行最后一次的赋值函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type=
最低0.47元/天 解锁文章
秃秃头头
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.onload=function()是什么意思
wy123456__的博客
12-23 1万+
window.οnlοad=function()是什么意思 onload是window窗口对象的事件属性， 语句是把“匿名函数”赋值给window的onload事件属性， 当window加载完成时会触发onload事件，也就触发了“匿名函数”，执行函数体内的语句。 ...
“js的window.onload”与“jquery的$(function() { })”区别
HD243608836的博客
02-03 511
window.onload是在页面所有的元素都加载完成后才触发$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成比如说一个页面有好多图片 而加载这些图片需要一定的时间window.onload必须得等到全部的图片都加载完成后才能触发而$(function(){})只要在dom加载完毕之后就会执行 图片不一定已经加载完成 ************
window.onload和$(function(){})区别
热门推荐
taoerchun的专栏
05-24 1万+
window.onload是js原生的事件，$(function(){})是Jquery的方法，两者主要有以下几点差别： 1、window.onload：在页面所有资源加载完后执行，如果有多个定义则只执行最后一个 2、$(function(){})：在Dom节点创建完成后执行，如果有多个定义则依次执行 可以看出$(function(){})在window.onload前执行
jquery $(document).ready() 与window.onload的区别
和静清寂
07-15 565
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 $(document).ready()可以同时编写多个，并且都可以得
$(function(){})与windown.onload…
luguling200802544的专栏
06-10 393
1、$(function(){})与windown.onload的区别    jQuery代码           $(document）.ready(function(){               程序代码          })   类似于传统的javaScript代码：            window.onload=funcion(){              
$(function(){})与window。onload区别
qq_42704649的博客
03-06 2693
通用的页面加载js有四种方式： 1.window.onload = function(){}; —-js 2.$(window).load(function(){});——Jquery 3.$(document).ready(function(){});–Jquery 4.$(function(){});———————Jquery 其中1和2为同一种，3和4为同一种 1、2表示：页面全部...
window.onload = function ()
09-29
例如，使用window.onload来改变一个元素的颜色，可以这样写：window.onload = function (){ document.getElementById("s").style.color="green"; }; 这段代码会在页面加载完成后，将id为"s"的元素的文字颜色改为绿色...
window.onload =function(){ }是什么
05-13
`window.onload` 是一个 JavaScript 事件，当网页中的所有内容（包括图片、样式...window.onload = function() { // 在这里编写需要在页面加载完成后执行的代码 } ``` 当网页加载完成后，浏览器会自动调用这个函数。
window.onload=function()无效
最新发布
10-09
可能有以下几个原因导致window.onload=function()无效： 1. 确认该代码是否写在了和标签之间或和标签之间，因为代码必须在文档完全加载后才能运行； 2. 确认代码是否在其他JavaScript代码块中定义了window.onload...
执行多个window.onload匿名函数的方法
weixin_45190226的博客
11-26 1042
业务需求：在body里面创建一个div元素，点击div元素能够复制div节点，将复制后的div加载到原有的div节点后面，并且重新设置克隆后的div节点的样式。 JS代码特点：在JS语句中有两个window.onload匿名函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>执行多个window.onload匿名函数</title&g
jq的$(function(){})与window.onload的区别
zp1996323的博客
12-13 1万+
最近一直在研究jq的源码，书写jq的代码我们通常会包裹在一个$(function(){})函数中，jq的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生js的window.onload事件，这俩者之间到底有什么区别呢？$(function () { console.log("ready执行"); });$(functio
JS相关window.onload= function(){}里定义函数无法调用
Lsiyi_的博客
02-25 4127
z
$(function(){})与window.onload=function(){}的区别
半颗茜
01-19 819
一、$(function(){ });特性： 在DOM加载完毕后执行ready()方法（不包含图片等非文字媒体文件）； 一个页面中可以写多个$(function(){})； 全写： $(docunemt).ready(function(){ }); 顺便说一下(function($){ })(jQuery) 上面的写法是： 立即执行匿名函数()(param)，只不过参数是jQuery对象。
页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
pcaxb的专栏
10-13 6681
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址： 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 的同级函数详解 1.window.onload = function(){} / $(window).load(function)方法是在网页中的所有的元素(包括元素的所有关联文件：图片、音视频、f
window.onload=function(){}用法
yuananyun的专栏
05-23 7980
这是匿名函数的写法,就相当于window的onload事件调用了一个方法，但是这个方法是匿名的常规写法：不带参数：function Alert(){alert("Hello World!");}window.onload=Alert();输出：Hello World!带参数：function Alert(int){alert("int");}wind
【BOM】js中的window.onload事件
在热爱技术的路上一直前行。
05-26 2320
1、语法 window.onload = function(){} window.addEventListener('load',function() {}); 2、用法 是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、CSS文件等），就调用的处理函数。 3、注意 有了window.onload就可以把js代码写到页面元素的上方，因为onload是等页面内容全部加载完毕，再去执行处理函数。 window.onload传统注册事件方式只能写一次，如果有多.
window onload=function{}
jj04271110的博客
11-07 3558
这是找到的一个回答，感觉有点道理先放着。 window onload=function{} 意思是 ： 窗口（即页面）加载完成后 装载（执行） function{} 这个函数 就是你点这个页面 页面显示完成后就自动执行function 函数里面的代; 如写在onload里面,即 onload = function(){ function a(){ alert(“c”); } 然后点击按钮时调用a（...
将onLoad: function的某个值传到当前页面其他函数中。
微道道的博客
10-07 1650
onLoad: function（）函数部分 onLoad: function(t) { var a = this; wx.hideTabBar(),this.mycenter(),this.gethd(t.flid); this.setData({ openid: wx.getStorageSy...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值