`

页面加载之ready和load

阅读更多

*、搞前端页面的同事问我在jsp页面的ready函数中调用的函数没有生效,因为该函数中还调用了其他函数,但是并非显示调用,但在load方法中却生效了,于是我向度娘虔诚的咨询了一下,得到了如下指引:

DOM文档的加载步骤:

    1.浏览器会先解析静态的html结构如head body等html标签
    2.当html结构加载完成我们需要渲染页面使其美观,因此此时需要加载各种样式表文件。
    3.然后再解析并执行页面上 的js脚本代码。
    4.构造html DOM对象,也就是 ready 操作
    5.加载html和css中引用的外部资源文件如其他j脚本文件。
    6.页面加载完成(load操作),js进行一些事件的绑定和处理。

 

以上总结应该还有出入,待有时间再深入研究~

分享到:
评论

相关推荐

    JQuery LazyLoad 图片懒加载实例

    **jQuery LazyLoad 图片懒加载实例** 在网页设计中,图片加载是影响页面性能的关键因素。当页面包含大量图片时,一次性...通过实践,你可以轻松地将这种高效的技术应用到自己的项目中,提升网页的加载速度和用户体验。

    jquery.lazyload图片预加载效果 jquery预加载

    《jQuery LazyLoad 图片预加载技术详解》 在网页设计中,图片的加载速度往往直接影响着用户体验。当页面中包含大量图片时,...熟练掌握并运用jQuery LazyLoad,能够使我们的网页更加流畅,用户满意度也会随之提高。

    jquery lazyload延时加载

    总之,jQuery LazyLoad 是一个强大且灵活的工具,它能有效地解决大量图片加载带来的性能问题,提升网页加载速度和用户体验。正确使用并结合合理的优化策略,将使你的网站在资源管理和用户交互方面达到更高的水平。

    JQ ready()和onload的加载耗时

    本文将深入探讨`ready()`和`onload`这两个事件处理函数,它们都是用来确保页面元素加载完成后再执行特定代码的,但它们的用法和触发时机有所不同。 首先,`$(document).ready()`,通常简写为`$(function() {...})`...

    jquery.lazyload 实现图片延迟加载

    在网页设计中,为了提升用户体验,减少页面初次加载的时间,一种常见的优化策略是采用图片延迟加载(Image Lazy Load)技术。`jQuery LazyLoad` 是一个非常实用的 jQuery 插件,它能够有效地实现这一功能。本文将...

    lazyload.js图片延迟加载(懒加载)插件

    "lazyload.js图片延迟加载(懒加载)插件" 是一个JavaScript库,主要用于优化网页性能,特别是那些包含大量图片的页面。它实现了“懒加载”技术,即图片不会在页面加载时立即加载,而是在用户滚动到图片即将出现在...

    jsp页面加载之遮罩层

    这在网页加载大型数据或者执行异步操作时特别有用,因为它可以防止用户误操作并传达出正在工作的状态。 在描述中提到的"博文链接:https://2814704901.iteye.com/blog/1955402",虽然具体内容未给出,但我们可以...

    javascript ready和load事件的区别示例介绍

    在网页开发中,JavaScript 的 ready 和 load 事件是非常关键的两个概念,它们用于控制代码在何时执行,以确保页面的正确渲染和交互。 首先来看 ready 事件。在 DOM 完全加载后,ready 事件即刻触发,而不需要等待如...

    Jquery网页部分内容加载

    6. **优化性能**:在使用jQuery进行部分内容加载时,需要注意避免不必要的DOM操作和重绘,使用`$(document).ready()`和`$(window).load()`确保在正确的时间执行脚本,同时考虑利用缓存和CDN服务进一步提升加载速度。...

    延迟加载图片jquery.lazyload.js

    为了提高网页加载速度、减少服务器压力并提升用户体验,开发人员常常采用各种优化手段来处理这些资源。其中,“延迟加载”(Lazy Loading)是一种常用且有效的策略。 #### 关键知识点解析 ##### 1. 概念理解 - **...

    jQuery懒加载插件页面滚动加载数据代码

    jQuery懒加载插件是一种优化网页性能的技术,它允许我们在用户滚动页面时按需加载内容,而不是一次性加载所有数据。这种技术对于拥有大量图片、视频或动态数据的网页尤其有用,因为它减少了初始页面加载时间,提高了...

    jquery中ready()函数执行的时机和window的load事件比较

    总结来说,jQuery 的 ready() 函数和 window 的 load 事件在页面加载过程中有着明确的分工和不同的触发时机: 1. ready() 函数实现的是 DOMContentLoaded 事件,它在 DOM 结构完全加载后立即触发,而不等待其他资源...

    jQuery_lazyload

    总的来说,jQuery_lazyload插件是一个强大的工具,能够有效提升网页加载速度和用户体验。通过合理地配置和应用,可以显著改善网站性能,降低服务器负担。在实际开发中,应根据项目需求进行适当的调整和优化,以达到...

    Html未加载完成时实现动态加载效果

    为了改善这种情况,开发者通常会采用动态加载效果来展示页面加载进度,让用户感知到网页正在积极加载,而不是停滞不前。本文将深入探讨如何在HTML未加载完成时实现动态加载效果,并通过实例代码进行说明。 首先,...

    jQuery 的加载事件

    `$(document).ready()`适用于大部分情况下的初始化操作,而`$(window).load()`和`$(window).on('load', function() {})`则更适合需要等待页面所有资源加载完成后再执行特定任务的场景。掌握这些方法能够帮助我们更好...

    jquery图片预加载延迟加载

    总结,通过jQuery实现图片预加载和延迟加载,可以有效提升网页加载速度,改善用户体验。预加载保证了关键内容的快速显示,而延迟加载则减少了非必要资源的初期下载,两者结合使用可实现更优化的加载策略。对于大型...

    jquery异步加载页面

    传统的网页加载方式是同步的,即浏览器会等待整个页面包括所有资源(如图片、脚本等)完全下载后才显示。而异步加载则是在页面基本结构加载完成后,根据用户的交互或特定条件,只加载需要的部分内容,这种方式显著...

    jquery 异步加载页面

    传统的网页加载方式是同步的,即用户点击链接或按钮后,浏览器会重新发送请求并加载整个页面。这种做法效率低下,特别是当页面内容繁多时,用户需要等待较长时间。异步加载则只加载需要更新的部分,提高了页面响应...

    jquery动态页面加载进度条

    在网页开发中,用户体验是至关重要的,而页面加载过程中显示动态进度条是一种很好的提升用户体验的方式。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的功能来帮助开发者实现这一目标。本篇文章将详细探讨...

Global site tag (gtag.js) - Google Analytics