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

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

执行顺序由先到后

1、document加载完成后就执行


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

2、整个window加载完成执行


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

3、等待body加载完成


<body onload="aaa()"> </body>
相关文章
|
缓存 JavaScript 前端开发
JavaScript 性能优化:如何减少页面加载时间?
JavaScript 性能优化:如何减少页面加载时间?
210 0
|
8月前
|
前端开发 JavaScript
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
301 58
|
JavaScript 前端开发
JavaScript中的代码执行顺序
这篇文章通过示例代码解释了JavaScript中的代码执行顺序,特别是`load`事件的使用,它确保只有在整个页面加载完成后才会执行指定的JavaScript函数。
|
JavaScript 前端开发
页面加载时执行特定的 JavaScript 代码
页面加载时执行特定的 JavaScript 代码
143 4
|
JavaScript
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
2441 0
|
JavaScript 前端开发
js【深度解析】代码的执行顺序
js【深度解析】代码的执行顺序
184 0
|
JavaScript 前端开发
JS页面加载事件
JS页面加载事件
|
JavaScript 前端开发 Go
页面加载的过程中,JS 文件是不是一定会阻塞 DOM 和 CSSOM 的构建?
页面加载的过程中,JS 文件是不是一定会阻塞 DOM 和 CSSOM 的构建?
168 0
|
Web App开发 SQL 前端开发
页面加载时会被 JS 和 CSS 阻塞吗?
之前写了两篇文章,涉及到了页面访问整个过程的一些分析,比如页面生命周期的介绍,页面访问时渲染过程中 HTML、JS 的关系,前面两篇只是抓住了 JS,没有囊括 CSS,并且在复现上没
|
JavaScript 前端开发 CDN
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
2959 0

热门文章

最新文章