Method 1: Using the on() method with the load event: The on() method in jQuery is used to attach an event handler for any event to the selected elements. The window object is first selected using a selector and the on() method is used on this element.
The ‘load’ event fires whenever the whole page has finished loading including other resources like the stylesheets and images. This event is checked for bypassing it to the on() method. The function to be executed can be then invoked in the second parameter of this method. This will now invoke the function after the page has completed loading.
$(window).on('load', functionTobeLoaded() )
Output: After the page loaded:
Method 2: Using the ready() method: The ready() method in jQuery is used to execute code whenever the DOM becomes safe to be manipulated. It accepts a handler that can be passed with the function required to be executed. It will now invoke the function after the page has completed loading.
$(document).ready( functionTobeLoaded() )
Output: After the page loaded
- How to show Page Loading div until the page has finished loading?
- JQuery | Set focus on a form input text field on page load
- How to create fade-in effect on page load using CSS ?
- How to execute AngularJS controller function on page load ?
- jQuery | load() with Examples
- How to refresh a page using jQuery?
- How to jump to top of browser page using jQuery?
- How to click anywhere on the page except one element using jQuery ?
- How to scroll automatically to the Bottom of the Page using jQuery?
- How to reload page after specific seconds in jQuery ?
- How to get the size of screen, current web page and browser window using jQuery?
- How to display search result of another page on same page using ajax in JSP?
- How to pass form variables from one page to other page in PHP ?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.