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() ?
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>
To be sure , you can use window.load
$(window).load(function(){
hello();
})
The load event is sent to an element when it and all sub-elements have been completely loaded. This event can be sent to any element associated with a URL: images, scripts, frames, iframes, and the window object.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With