Difference between page load and document.ready?

`document.ready` and "page load" refer to two different events in the lifecycle of a web page.

1. Page Load: This event occurs when all the resources on a web page, including images, scripts, stylesheets, etc., have finished downloading and rendering. It signifies that the entire HTML document, along with its associated resources, has been loaded and is ready for interaction. This event is triggered by the browser's `load` event.

2. `document.ready`: This event, often associated with jQuery, occurs when the DOM (Document Object Model) hierarchy is fully constructed, but before the browser has finished rendering the page. It means that the DOM elements are ready to be manipulated via JavaScript or jQuery, but some external resources like images may still be loading. It is triggered by jQuery's `$(document).ready()` function or its shorthand `$(function() { ... })`.

In summary, "page load" refers to the complete loading of all resources on a page, while `document.ready` refers to the point at which the DOM is ready for manipulation but before the page's resources have finished loading.

Comments

Post a Comment

Popular posts from this blog

How to maintain state in asp.net core

  ASP. NET Core applications are inherently stateless, meaning information isn't automatically carried over between requests. However, there are several techniques to manage state in your application: Built-in Options: Session State: This is a popular choice for storing user-specific data across their browsing session (e. g., shopping cart items, authentication state). It uses a server-side store and a cookie on the client to identify the session. Setup: Install the Microsoft.AspNetCore.Session package and configure app.UseSession() in your Startup.cs file. Usage: Access the session through HttpContext.Session property in your controllers. Use methods like SetString , GetInt32 to store and retrieve data. TempData: This is useful for temporary data that needs to survive just one redirect or postback. It's automatically cleared after being accessed. Usage: Access TempData in controllers and views. Use methods like TempData["Key"] = "Value"...
Read more

What is react and vite

React and Vite: A Powerful Duo for Modern Web Development React and Vite are two essential tools that have revolutionized the way web applications are built. Let's explore each of them and how they work together. React: A JavaScript Library for Building User Interfaces Component-based architecture: React breaks down complex UIs into smaller, reusable components, making development more modular and maintainable.   Declarative syntax: React encourages a declarative approach, where you describe what you want the UI to look like, and React handles the rendering and updates.   Virtual DOM: React uses a virtual DOM, a lightweight representation of the actual DOM. This allows for efficient updates by only updating the parts of the DOM that have changed.   Vite: A Build Tool for Modern Front-end Applications Server-side rendering: Vite serves your code as native ES modules during development, eliminating the need for bundling, resulting in significantly faster star...
Read more

How to find 2nd highest salary simple way in sql server

Image
Finding Nth highest salary in a table is the most common question asked in interviews. I have displayed two ways..  1. Using sub Query- Query:  Select top 1 Salary From (Select distinct top 3 Salary From Employee order by Salary desc) emp order by Salary  2. using dense_rank() function- Query:   Select Id, Name, Salary From (Select Id, Name, Salary, DENSE_RANK() Over (Order By Salary Desc) salary_rank From Employee) Emp Where salary_rank=2   Click here for youtube link
Read more