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

最新推荐文章于 2021-01-09 15:25:27 发布
最新推荐文章于 2021-01-09 15:25:27 发布
阅读量598 收藏
点赞数
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/codeliang20/article/details/106631597
版权

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

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

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

胖头鱼小子
关注
专栏目录
ES6的模块化管理、立即执行函数（IIFE）：在函数声明后面立即调用、函数劫持
Mr_115的博客
11-13 1976
ES6的模块化管理、立即执行函数（IIFE）：在函数声明后面立即调用、函数劫持
阿里前端开发规范word文档
最新发布
04-02
- 使用一致的缩进，通常为两个空格，避免使用制表符。 - 每行代码长度应有限制，避免过长的行。 - 遵循适当的括号配对和括号放置规则，例如`if`语句和函数定义。 3. **注释规范**： - 所有公共接口、类、函数...
前端笔记之jQuery（上）加载函数的区别&对象&操作HTML/CSS&动画&选择器
RopeHuo
03-31 175
一、jQuery简介 1.0 JavaScript编程比较恶心的地方 恶心1：选择元素麻烦，全线兼容的方法只有getElementById()和getElementsByTagName()两个。其他的方法是不都兼容的。getElementsByClassName()通过类名选择元素，IE9开始兼容。 恶心2：样式操作麻烦，得到原生样式，需要我们自己造轮子getStyle() 恶心...
页面加载函数
加载中。。。请等待
12-21 124
<!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 2689
可以绑定一些键盘事件，如 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表示：页面全部
解析页面加载与js函数的执行 onload or ready
10-26
页面加载与JavaScript函数执行时机是前端开发中非常基础且重要的话题。了解它们的执行顺序和时机对于优化用户体验和确保网页功能的正确执行至关重要。页面加载顺序通常遵循以下步骤： 1. 解析HTML结构。浏览器首先...
关于JS与jQuery中的文档加载问题
10-19
JS与jQuery中的文档加载问题是一个前端开发中经常需要面对的问题，主要涉及网页中脚本的加载时机与执行顺序，这对于页面的性能以及用户体验都有很大的影响。本文将通过实例代码来讲解JS和jQuery中关于文档加载的不同...
如何让页面加载完成后执行js
10-27
页面加载完成后执行JavaScript代码是前端开发中常见的需求，主要目的是保证在执行JavaScript操作之前页面的DOM结构已经完全加载完毕，这样可以避免因DOM元素尚未加载完毕而导致的脚本错误。下面我将详细介绍如何让...
vue两个异步方法顺序执行
weixin_44364001的博客
01-09 1万+
需求：两个异步函数按顺序执行，首先获取第一个异步函数的返回的值，接着在第二个异步函数里面调用 方法：先在第一个异步函数里返回一个promise，接着用async和await调用它 第一个异步方法： getAllNotice() { let data = { "searchParams": [{ "fieldName": "equipmentId", "operate": "eq", "value": "000000" }], "siz
关于文档加载完成事件 — onload 事件、ready事件
贵林之恋的博客
06-14 2959
一、$(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 628
window.onload = function () { // 页面都加在完了在调用这个js 是当文档内容完全加载完成后会触发的事件，就调用的处理函数 !!!!!这种传统的注册方式只能有一个，如果有多个会以最后一个为准 } window.addEventListener("load",function(){}); 没有个数限制 等页面内容全部加载完包含dom图片flash css window.addEventListene
document write在文档加载后使用
gxyqn626的博客
08-08 289
文档加载后——将方法嵌入到函数中 #直接将document.write写在script标签中，而非嵌套在函数中，则在文档加载完成前会运行该代码 document.write嵌套在函数中，则在文档加载完成前，只会声明该函数，而不会执行函数内的代码，具体函数内代码的执行，是等到文档加载完成后的。故document.write就会覆盖整个文档。...
window.onload在文档加载完成后执行
didie4038的博客
05-02 557
验证a 、b两点疑惑： a.<script src="./main.js"></script>中的window.onload是在html全部加载完了才执行，还是其在html中所处位置之前的加载完就执行？ b. <script src="./main.js"></script>中window.onload有和没有 的区别是什么？ ...
页面加载时自动执行（加载）js的几种方法
热门推荐
jasonhouse的博客
05-05 3万+
页面自动执行（加载）js的几种方法      一、JS方法      1.最简单的调用方式，直接写到html的body标签里面：      &lt;html&gt; &lt;body onload="load();"&gt; &lt;/body&gt; &lt;/html&gt;      2.在JS语句调用：      &lt;script type="text/javascript"&
在文档加载完毕后执行
otatoz
09-20 765
jQuery中 $(document).ready(function(){ // }); $(function(){ // }); javaScript中 window.onload = function(){ // }
原生js已载入就执行函数_JS实现文档加载完成后执行代码
weixin_35040154的博客
12-24 527
在执行某些操作的时候，需要当文档完全加载完成之后再去执行，否则可能出现意向不到的情况，先看一段代码实例:脚本之家div{width:200px;height:200px;}document.getElementById("mytest").style.backgroundColor="#639";以上代码的初衷是将div的背景颜色设置为#639，但是并未达到我们预期的效果，这是因为文档加载的时候代...
HTML文档流下的JavaScript执行顺序详解
- 当使用`<script src="...">`引入外部JavaScript文件时，这些脚本的执行顺序依然保持在文档中引入的先后顺序，即使文件位于外部，也不会影响其执行时机。例如： - 头部外部脚本 `<head><script src="//...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值