原生js和JQuery页面加载完成之后的区别

最新推荐文章于 2023-11-11 14:00:00 发布
最新推荐文章于 2023-11-11 14:00:00 发布
阅读量162 收藏
点赞数 1
分类专栏： jquery 文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59860403/article/details/121131116
版权

$( function(){} ); 和 window.onload = function(){} 的区别？

触发的时间

1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。

2、原生 js 的页面加载完成之后，除了要等浏览器内核解析完标签创建好 DOM 对象，还要等标签显示时需要的内容加载 完成。

触发的顺序

1、jQuery 页面加载完成之后先执行

2、原生 js 的页面加载完成

执行的次数

1、原生 js 的页面加载完成之后，只会执行最后一次的赋值函数。

2、jQuery 的页面加载完成之后是全部把注册的 function 函数，依次顺序全部执行

大磊程序员(“hello world”)
关注
专栏目录
使用jQuery或者原生js实现鼠标滚动加载页面新数据
10-22
本文将详细讲解如何使用jQuery和原生JavaScript实现这一功能。 首先，我们来看jQuery的实现方式。在jQuery中，可以利用`.scroll()`函数监听窗口滚动事件。当用户滚动到页面底部时，触发特定的加载事件。以下是一个...
 js 和jQuery（自动执行函数）立即执行函数和页面加载完后执行函数写法
lance666的博客
01-10 7346
js 立即执行函数的写法。 js 立即执行函数只能用于匿名函数，如果声明了函数名是不可以用立即执行的，通常在函数表达式后加一对小括号()用于立即执行 如果想让函数不被调用的情况下，立即自动执行，需要在函数表达式的末尾加一对括号() 示例代码：var fun=function(){alert("经验");}() <script> // 声明一个函数表达式 var fun=function(){alert("经验");}(); //常见写法一：方式1、最前最后加.
js判断页面加载完毕方法【js页面加载后执行的几种方式】
weixin_44624073的博客
06-26 7372
目录 一、纯js方法 二、jquery方法 三、vue中 作用： 一、纯js方法 // (1)、页面所有内容加载完成执行 window.onload = function(){ } // (2)、页面加载完毕 document.onreadystatechange = function(){ if(doucument.readyState == 'complete'){ // 页面加载完毕 } } 二、jquery方法 $(functio.
jquery加载页面时调用js的方法
KAXU
12-11 467
一般的加载页面时调用js方法如下： window.onload = function() {$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码}; 这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部...
原生js中实现页面加载完成后，执行JS的5种方式的顺序
weixin_44824839的博客
11-05 1812
页面加载完成后执行js的5种方式 1,2本质上没啥区别,1是2的简写方式。都是document加载完后就执行 1：jQuery的(function())2：jQuery的(function (){}) 2：jQuery的(function())2：jQuery的(document).ready(function (){}) 3：使用jQuery对象,4使用dom对象。都是等整个window加载完后就执行 3：jQuery的(window).load(function())4：window.onload=
原生javascript和jQuery页面加载完成之后的区别
weixin_46065214的博客
08-23 288
原生javascript和jQuery页面加载完成之后的区别
原生js检测页面加载完毕的实例
10-18
原生JavaScript提供了多种方法来检测页面是否已经加载完毕。让我们深入探讨这些方法。 首先，最常见的一种方式是使用`window.onload`事件。这个事件会在整个页面（包括所有资源如图片、脚本、样式表等）加载完成后...
原生js和jQuery写的网页选项卡特效对比
10-24
在本文中，我们将对比原生JavaScript（简称原生js）和jQuery两种技术实现选项卡特效的不同方法，重点关注它们在实现相同功能时的代码结构、性能和可维护性。 ### 原生JavaScript实现 原生js实现选项卡的思路相当...
页面加载完成后再执行JS的jquery写法以及区别说明
10-26
页面加载完成后再执行JavaScript（简称JS）是网页开发中的一项重要功能。当HTML文档被解析为DOM树，CSSOM被构建，且资源如图片和外部样式表都被下载后，页面才算是完全加载完成。在这些资源完全加载之前，如果我们...
详解用原生JavaScript实现jQuery的某些简单功能
10-20
在jQuery中，这允许在DOM加载完成后执行回调函数。我们可以使用`addEventListener`或`attachEvent`来实现这个功能： ```javascript function lQbind(obj, eventName, fn) { if (obj.addEventListener) { obj....
原生JS实现DOM加载完成马上执行JS代码的方法
12-10
用原生JS我们经常使用[removed]事件来加载页面。但是[removed]是在页面元素都加载完毕后才执行，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。所以有时我们需要在DOM载入时马上执行一些函数。jQuery提供了document.ready方法用来代替[removed]。但又不愿意仅为了这一个需求而引入整个JQuery库，于是就把jQuery的方法提取出来，单独使用了。 如果只需要对DOM进行操作，那么这时就没必要等到页面全部加载了。Firefox有DOMContentLoaded事件可以轻松解决，可惜的就是IE没有。 MSDN关于JSCRIPT的
页面加载完成后执行JS的方式
最新发布
qq_31594665的博客
11-11 2259
【代码】页面加载完成后执行JS的方式。
js页面加载完成后自动执行指定方法
qq_40308101的博客
07-04 4953
1、要执行的代码是在DOM元素被加载完成的情况下执行 2、在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快 3、在标签上静态绑定onload事件，等待body加载完成，就会执行a()方法......
原生js和jQuery页面加载完成之后的区别
weixin_44768794的博客
10-24 205
jQuery事件操作$(function(){}); 和window.onload = function(){} 的区别？他们分别在什么时候触发的？他们触发的顺序：他们执行的次数 $(function(){}); 和window.onload = function(){} 的区别？ 他们分别在什么时候触发的？ jQuery的页面加载完成之后是浏览器内核解析完页面的标签创建好DOM对象之后就会马上执行 原生js的页面加载完成之后，除了要等浏览器内核解析页面标签创建好的DOM对象，还要等标签显示需要的内容加
JavaScript原生系列-页面加载完成之后执行（window onload 和 $().ready(function) 以及 body onload="">）
pcaxb的专栏
09-09 8056
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址：https://blog.csdn.net/pcaxb/article/details/100661841 JavaScript原生系列-页面加载完成之后执行（window.onload 和 $().ready(function) 以及 <body onload="">） 目录 1.原生window...
原生js检测页面加载完毕的方法
董庆贺的专栏
10-14 8081
原生js的页面加载完毕的使用方法为window.onload=function(){ //somecode }在jquery的影响下的错误写法为：window.onload(function(){ //somecode })
原生JS总结
热门推荐
TwentyOne__的博客
07-02 1万+
第一章 1.JS是一种编程语言，主要生成一些特效，完成用户和页面的交互 2.引入： 内部脚本 外部脚本 <script type ="text/javascript" src=""> </script> 浏览器内核：渲染引擎 JS引擎 ...
通用domReady方法，类似于jquery
summer7310的专栏
10-04 754
function myReady(fn){     //对于现代浏览器，对DOMContentLoaded事件的处理采用标准的事件绑定方式     if ( document.addEventListener ) {         document.addEventListener("DOMContentLoaded", fn, false);     } else {    
原生js页面加载事件和JQuery页面加载事件
caiji
05-12 2358
原生js页面加载事件和JQuery页面加载事件： 执行顺序： 1、JQuery页面加载事件先执行 2、原生js页面加载事件后执行 原因：1、JQuery页面加载完成之后是浏览器的内核解析完页面的标签创建好Dom对象之后就会马上执行 2、$(function(){}全写$(document).ready(functio...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大磊程序员(“hello world”)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值