Steps to Run JavaScript after page loaded completely using jQuery

Here we will discuss how we can run javascript only after the entire page has been loaded using jQuery. Recently in one of the assignment, I wanted to call a JavaScript function after the page fully loaded.

There is difference between DOM is ready and when the whole page finished loading. Once the whole page finished loading you will be able to access images everything.

Our requirement is to run the code after the page has loaded.

We usually write document.ready() function which usually get called immediatly after DOM elements are ready.

Also read: SharePoint online or SharePoint 2013 hide content type in Edit Form using jQuery

By using jQuery and JavaScript, we will be able to resolve the issue.

<script language=”javascript” type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></script>

$(window).bind(“load”, function() {
// code here
});

Hope this will be helpful.


About Bhawana Rathore

Hello Everyone!! I am Bhawana having about 8+ years of SharePoint experience as well as in .Net technologies . I have worked in all the versions of SharePoint from wss to Office 365. I have good exposure in Customization and Migration using Nintex, Metalogix tools . Now exploring more in SharePoint 2016 :) Hope here I can contribute and share my knowledge to the fullest. As I believe "There is no wealth like knowledge, and no poverty like ignorance"

View all posts by Bhawana Rathore →

Leave a Reply

Your email address will not be published. Required fields are marked *