Is $(document).ready() called after loading all script files in the body?

javascript jquery dom document-ready ready
faressoft picture faressoft · Jun 7, 2013 · Viewed 16k times · Source

Is $(document).ready() called after loading script js files in the body ?

If I put $(document).ready() in the head in script element which take a callback function that using a functions declared in a file which its script element loaded in the body like that :

<!DOCTYPE HTML>
<html>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
hello();
})
</script>
<head>
</head>
<body>

<script src="http://somewhere/helloFuncDeclaration.js" type="text/javascript"></script>

</body>
</html>

Is it a right way to do that and guarantee that the helloFuncDeclaration.js will be loaded before calling the function hello() ?

Answer

A. Wolff picture A. Wolff · Jun 7, 2013

To be sure, use window onload handler:

$(window).on('load', hello);

Or use it like this: 

<script onload="hello()" src="http://somewhere/helloFuncDeclaration.js" type="text/javascript"></script>

Related questions

When should I use jQuery's document.ready function?

I was told to use document.ready when I first started to use Javascript/jQuery but I never really learned why. Might someone provide some basic guidelines on when it makes sense to wrap javascript/jquery code inside jQuery's document.…

Read More
jQuery.ready() equivalent event listener on elements?

I am using jQuery JavaScript library. I like the event listener ready on $(document) that fires when the DOM is set up. ( Pretty similar to .onload but without external sources ) I would find it very useful, if there was an …

Read More
What happens when you have two jQuery $(document).ready calls in two JavaScript files used on the same HTML page?

I have a question on jQuery $(document).ready Let's say we have a HTML page which includes 2 JavaScript files <script language="javascript" src="script1.js" ></script> <script language="javascript" src="script2.js" ></script&…

Read More