js中页面加载完成后执行的几种方式及执行顺序

简介: js中页面加载完成后执行的几种方式及执行顺序

执行顺序由先到后

1、document加载完成后就执行


$(document).ready(function(){});
// 简写
$(function){}

2、整个window加载完成执行


$(window).load(function(){});
window.onload = function(){}

3、等待body加载完成


<body onload="aaa()"> </body>
相关文章
|
7月前
|
缓存 JavaScript 前端开发
JavaScript 性能优化:如何减少页面加载时间?
JavaScript 性能优化:如何减少页面加载时间?
108 0
|
6月前
|
JavaScript 前端开发
页面加载时执行特定的 JavaScript 代码
页面加载时执行特定的 JavaScript 代码
|
5月前
|
JavaScript
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
1158 0
|
5月前
|
JavaScript 前端开发
js【深度解析】代码的执行顺序
js【深度解析】代码的执行顺序
63 0
|
7月前
|
JavaScript 前端开发
JS页面加载事件
JS页面加载事件
|
7月前
|
JavaScript 前端开发 Go
页面加载的过程中,JS 文件是不是一定会阻塞 DOM 和 CSSOM 的构建?
页面加载的过程中,JS 文件是不是一定会阻塞 DOM 和 CSSOM 的构建?
63 0
|
JavaScript 前端开发 CDN
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
2120 0
|
Web App开发 SQL 前端开发
页面加载时会被 JS 和 CSS 阻塞吗?
之前写了两篇文章,涉及到了页面访问整个过程的一些分析,比如页面生命周期的介绍,页面访问时渲染过程中 HTML、JS 的关系,前面两篇只是抓住了 JS,没有囊括 CSS,并且在复现上没
|
JavaScript 前端开发
js执行机制(同步,异步)
js执行机制(同步,异步)
js执行机制(同步,异步)
|
前端开发 算法 JavaScript
LeetCode仅执行一次字符串交换能否使两个字符串相等使用JavaScript解题|前端学算法
LeetCode仅执行一次字符串交换能否使两个字符串相等使用JavaScript解题|前端学算法
138 0
LeetCode仅执行一次字符串交换能否使两个字符串相等使用JavaScript解题|前端学算法