前端基础知识整理汇总（上）

2024-06-03 21:39:55

前端基础知识整理汇总（上）

HTML页面的生命周期

HTML页面的生命周期有以下三个重要事件：

1、DOMContentLoaded —— 浏览器已经完全加载了 HTML，DOM 树已经构建完毕，但是像是和样式表等外部资源可能并没有下载完毕。
2、load —— 浏览器已经加载了所有的资源（图像，样式表等）。
3、beforeunload —— 当用户即将离开当前页面（刷新或关闭）时触发。正要去服务器读取新的页面时调用，此时还没开始读取；
4、unload —— 在用户离开页面后触发。从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。

每个事件都有特定的用途:

1、DOMContentLoaded —— DOM 加载完毕，所以 JS 可以访问所有 DOM 节点，初始化界面。
2、load —— 附加资源已经加载完毕，可以在此事件触发时获得图像的大小（如果没有被在 HTML/CSS 中指定）
3、beforeunload —— 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
4、unload —— 删除本地数据localstorage等

DOMContentLoaded

DOMContentLoaded 由 document 对象触发。使用 addEventListener 来监听它：

document.

前端基础知识整理汇总（上）相关推荐

前端基础知识整理汇总（中）
前端基础知识整理汇总(中) Call, bind, apply实现 // call Function.prototype.myCall = function (context) {context = ...
Web前端基础知识整理
1. 前端基础知识文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述特点: 扩展名为.xml 内容区分大小写标签要成对出现,形成容器,只能有一个标签按正确 ...
2W五千字的C++基础知识整理汇总
最近发现一篇两万五千字的C++基础知识大汇总,可把我高兴坏了.白嫖,必须白嫖! 来源:高效程序员一 .从"hello world" 入门C++! C++总览简介 C++ 是一种静 ...
Web前端基础知识整理（一）
1. typeof返回的数据类型 typeof返回的数据类型包括undefined.string.number.boolean.symbol.Object.Function类型. 2. 检查数组的方式 ...
android char 几个字节,Android日常基础知识整理（上）
1.java char占两个字节 unicode 字符集不是编码,类似于ASCII码char 不存utf-8,而是存utf-16utf-8 占1~3个字节字符串长度与字符数不相等 2.java S ...
小学生学c语言基础知识,小学数学1-6年级基础知识整理，孩子学习用得上
小学数学1-6年级基础知识整理,孩子学习用得上作者:网编整理丨来源:网络丨发布时间:2020-04-16 14:35丨分享 (一到六年级) 小学一年级初步认识加减法.学会基础加减. 小学二 ...
HTML5的基础知识整理
HTML5 概述:HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定. HTML5的设计目的是为了在移动设备上支持多媒体. 文章目录 HTML5 前言一.HTMl ...
python前端基础知识总结及部分练习题
python前端基础知识总结知识总结认识Python 发展历史版本选择 python2.7是python2的最后一个版本,到2020年将不再维护 python3.6是python3最新的版本,是 ...
计算机基础知识整理世上最全,计算机基础知识整理[世上最全]
010在线为您甄选多篇描写计算机基础知识整理[世上最全],计算机基础知识整理[世上最全]精选,计算机基础知识整理[世上最全]大全,有议论,叙事 ,想象等形式.文章字数有400字.600字.800字.. ...

最新文章

热门文章