How would you go about executing a Javascript function when the page is fully rendered (Displayed) I know that the onLoad event executes when the page is loaded but Before it's rendered.
I've previously solved this problem by using a timeout with a 0 interval, which seems to work usually, but seems a little inelegant to my delicate sensibilities.
Is there a proper way to do this?
UI'm using prototype as my java script framework so answers that involve that are helpful, however I would have thought that this would be built into Javascript.
To get this event you should write following way: document. addEventListener('DOMContentLoaded', function() { // your code here }, false);
But yes, it is an option.
Use the keyword function followed by the name of the function. After the function name, open and close parentheses. After parenthesis, open and close curly braces. Within curly braces, write your lines of code.
The onload event fires when the page is fully rendered (including dependancies such as images).
Perhaps you are confusing it with Prototype's dom:loaded event (which fires when the DOM is loaded but before all the dependancies have been included)?
(To be honest, this sounds like an X-Y problem.)
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