How do you execute a Javascript function when the page has fully rendered?

Question

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.

Answer 1

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 XY problem .)