前端当中在文档加载时执行的两个函数

最新推荐文章于 2022-12-26 03:32:29 发布
原创 最新推荐文章于 2022-12-26 03:32:29 发布 · 656 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery

本文对比了前端中window.onload与$(document).ready(function(){}

在前端当中，有两种文档加载函数

  • Window.onload() (BOM对象的方法)
  • $(function(){}) （JQuery中的方法ready()）
两者区别
  1. window.onload只能执行一次,但是$(document).ready(function(){ })可以执行多次
  2. window.onload是等文件资源全部加载完成之后再来执行函数,但是$(document).ready(function(){ })只要htmlDOM树生成后立刻执行函数

小结
建议使用JQuery的方式，简便而且可以使用多次

前端首屏加载优化
2301_76380626的博客
12-04 1541
1.首屏加载慢的原因 网络延迟 资源太大 服务器响应慢
前端笔记之jQuery（上）加载函数的区别&对象&操作HTML/CSS&动画&选择器
RopeHuo
03-31 218
一、jQuery简介 1.0 JavaScript编程比较恶心的地方 恶心1：选择元素麻烦，全线兼容的方法只有getElementById()和getElementsByTagName()两个。其他的方法是不都兼容的。getElementsByClassName()通过类名选择元素，IE9开始兼容。 恶心2：样式操作麻烦，得到原生样式，需要我们自己造轮子getStyle() 恶心...
页面加载函数
加载中。。。请等待
12-21 159
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e
当文本框中的值更改时自动触发的函数
不懂love的博客
10-25 2784
可以绑定一些键盘事件，如 keyup，一次按键松开就会触发事件，在事件函数里就可以进行相关的字数统计功能的实现，以下是一个简单示例：123456789textarea id="area1" name="area1" onkeyup="count(this);">textarea>span id="span1">0span>script>function count(el){    var span
页面加载之window.onload=function(){} 和 $(function(){})的区别
热门推荐
on_the_way_the_way的博客
10-23 1万+
通用的页面加载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表示：页面全部
阿里前端开发规范word文档
最新发布
04-02
- 使用一致的缩进，通常为两个空格，避免使用制表符。 - 每行代码长度应有限制，避免过长的行。 - 遵循适当的括号配对和括号放置规则，例如`if`语句和函数定义。 3. **注释规范**： - 所有公共接口、类、函数...
解析页面加载与js函数的执行 onload or ready
10-26
页面加载与JavaScript函数执行时机是前端开发中非常基础且重要的话题。了解它们的执行顺序和时机对于优化用户体验和确保网页功能的正确执行至关重要。页面加载顺序通常遵循以下步骤： 1. 解析HTML结构。浏览器首先...
关于JS与jQuery中的文档加载问题
10-19
JS与jQuery中的文档加载问题是一个前端开发中经常需要面对的问题，主要涉及网页中脚本的加载时机与执行顺序，这对于页面的性能以及用户体验都有很大的影响。本文将通过实例代码来讲解JS和jQuery中关于文档加载的不同...
如何让页面加载完成后执行js
10-27
页面加载完成后执行JavaScript代码是前端开发中常见的需求，主要目的是保证在执行JavaScript操作之前页面的DOM结构已经完全加载完毕，这样可以避免因DOM元素尚未加载完毕而导致的脚本错误。下面我将详细介绍如何让...
window.onload的作用
weixin_53140824的博客
12-05 5651
window.onload的作用 window.onload的作用，是文档和资源都加载完成后执行。 当我们把script标签放到head里面去获取元素的时候，我们会发现获取到的值是null那是因为代码从上往下执行，当获取标签的时候，标签还没有被加载。 <head> <script> window.onload=function(){ document.getElementById("but").onclick=function(){
html如何等整个文档都加载完毕后再执行脚本
weixin_35755823的博客
12-26 583
可以在文档的 </body> 标签之前放置脚本代码，或者使用 window.onload 事件监听器。 例如，以下是在文档加载完毕后执行函数 myFunction 的示例代码： <body> <!-- 页面内容 --> <script> window.onload = function() { myFunction();...
$ (function() {})的用法
qq_1872583947的博客
10-19 1986
JQuery 的代码我们通常会包裹在一个$(function(){})函数中，jq 的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生 js 的window.onload事件，这俩者之间到底有什么区别呢？ $(function () { console.log("ready执行"); }); $(function() { console.log("ready1执行"); }); window.onload = fun
关于文档加载完成事件 — onload 事件、ready事件
贵林之恋的博客
06-14 3052
一、$(window).load(function(){})、window.onload=function(){}、$(document).ready(function(){})的区别：       1、$(window).load(function(){})、window.onload=function(){}              是页面中的所有元素（包括图片、flash、引用文件）等...
062JS-文档完全加载完后执行函数 $(document).ready(function(){})
Gy_9543的博客
07-24 690
window.onload = function () { // 页面都加在完了在调用这个js 是当文档内容完全加载完成后会触发的事件，就调用的处理函数 !!!!!这种传统的注册方式只能有一个，如果有多个会以最后一个为准 } window.addEventListener("load",function(){}); 没有个数限制 等页面内容全部加载完包含dom图片flash css window.addEventListene
jQuery中档文档加载完成后所执行的函数
桃花岛主的博客
01-16 1254
$(function(){   // DOM文档就绪后，就开始执行这里的哦代码 });   这个写法其实是：$(document).ready()的简写。
前端页面加载时就执行的方法
shimmerkaiye的博客
08-05 1741
直接上代码： window.onload = MyInitFunc; function MyInitFunc(){ debugger; var imgUrl = $("#img").attr("src"); console.log(imgUrl); if(document.getElementById('img').src){ alert(1); }else{ alert(2); } }
js判断网页是否加载完毕----包括图片
weixin_33672109的博客
01-12 1074
在做页面的时候,经常碰到要在页面加载完全之后再去展现。这时候我们会直接想到使用window.onload的方式,或者是采用Jquery的ready方法判断,这在一定程度可以搞定。   window.onload方式 window.onload =function() { //your code }    Jquery的ready方法 //: 判断网页是...
jQuery实现多线程：两个函数并行执行方案
在现代Web开发中，尤其是在使用JavaScript进行前端开发时，开发者常常会遇到需要“并行”执行多个任务的场景。标题《jQuery多线程：如何使2个函数并行运行？》提出的问题看似简单，实则触及了JavaScript语言核心机制...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值