备案控制台
开发者社区 开发与运维 文章 正文

JS的入口函数，并讲解入口函数的作用

2024-04-12 13
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JS的入口函数，并讲解入口函数的作用 
windowonload = function
window.addEventListener (“load”，function ())
document.addEventListener (“DOMContentLoaded”， function ())


作用：


  • DOMContentLoaded DOM加载完毕，不包含图片fash css等就可以执行，加载速度比load快。


  • 原理是让文档内容优先加载，加载完毕后才触发这个事件(即开始进行事件解读)，属于回调函数。


  • 入口函数也称为是窗口事件，其作用是让页面先加载完毕之后再执行其内的代码，保证页面元素在is文件之前被读取，从而保证is代码中的页面元素获取语句可以正确执行
文章标签：
JavaScript
前端开发
关键词：
JavaScript函数
JavaScript入口函数作用
聂聂脸
目录
相关文章
阿珊和她的猫
|
1天前
|
JavaScript 前端开发 网络架构
函数柯里化：JavaScript中的高级技巧
函数柯里化：JavaScript中的高级技巧
阿珊和她的猫
7 0
阿珊和她的猫
|
1天前
|
JavaScript 前端开发
JavaScript 闭包：让你更深入了解函数和作用域
JavaScript 闭包：让你更深入了解函数和作用域
阿珊和她的猫
15 3
阿珊和她的猫
|
1天前
|
JavaScript 前端开发
JavaScript的`apply`方法：函数的“应用”与“调用”
JavaScript的`apply`方法：函数的“应用”与“调用”
阿珊和她的猫
10 3
阿珊和她的猫
|
1天前
|
JavaScript 前端开发
JavaScript的`bind`方法：函数的“复制”与“定制”
JavaScript的`bind`方法：函数的“复制”与“定制”
阿珊和她的猫
12 3
阿珊和她的猫
|
1天前
|
JavaScript 前端开发
JavaScript的`call`方法：实现函数间的调用！
JavaScript的`call`方法：实现函数间的调用！
阿珊和她的猫
11 1
龙大吉
|
2天前
|
JavaScript 前端开发
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象，它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性，指向原型对象。利用原型，我们可以向所有实例添加方法和属性，实现继承。例如，我们定义一个`Person`函数，向其原型添加`greet`方法，然后创建实例`john`和`jane`，它们都能调用这个方法。尽管可以直接在原型上添加方法，但推荐在构造函数内部定义以封装数据和逻辑。
龙大吉
18 2
众所周知
|
2天前
|
前端开发 JavaScript 数据处理
在JavaScript中，异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作，如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求：定义异步函数fetchData返回Promise，在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时，data变量接收结果并继续执行后续代码。注意，调用异步函数不会阻塞执行，而是会在适当时间点继续。
众所周知
11 0
众所周知
|
2天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中，this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下，直接调用函数时`this`指全局对象，严格模式下为`undefined`。作为对象方法调用时，`this`指向该对象。用`new`调用构造函数时，`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中，`this`可能不直观，箭头函数和绑定方法可帮助管理`this`的行为。
众所周知
11 1
众所周知
|
2天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义，其特性包括：1) 不绑定自身this，继承上下文的this，适合回调和事件处理；2) 没有arguments对象，需用剩余参数语法访问参数；3) 不能用作构造函数，无new调用；4) 没有prototype属性，不支持基于原型的继承。箭头函数在特定场景下优化了this处理，但使用时要注意与普通函数的差异。
众所周知
11 2
小华qvq
|
2天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
小华qvq
7 1

热门文章

最新文章

  • 1
    JavaScript 权威指南第七版（GPT 重译）（六）(4)
  • 2
    JavaScript 权威指南第七版（GPT 重译）（三）(1)
  • 3
    JavaScript 权威指南第七版（GPT 重译）（二）(1)
  • 4
    JavaScript 权威指南第七版（GPT 重译）（四）(4)
  • 5
    JavaScript 权威指南第七版（GPT 重译）（七）(1)
  • 6
    JavaScript 权威指南第七版（GPT 重译）（六）(3)
  • 7
    JavaScript 权威指南第七版（GPT 重译）（三）(2)
  • 8
    【专栏】Vue.js和Node.js如何结合构建现代Web应用
  • 9
    JavaScript 权威指南第七版（GPT 重译）（一）(1)
  • 10
    JavaScript 权威指南第七版（GPT 重译）（五）(2)
  • 1
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    147
  • 2
    Java Script 中的垃圾回收机制有哪些缺点
    18
  • 3
    描述 JavaScript 中的垃圾回收机制。
    23
  • 4
    如何使用 JavaScript 操作 DOM？
    20
  • 5
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    22
  • 6
    JavaScript 中的数组方法有哪些？
    11
  • 7
    JS设置日期为0时0分0秒
    36
  • 8
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    27
  • 9
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
    23
  • 10
    深入理解JavaScript中的闭包与作用域链
    10

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • ROS模板参数动态展示
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考