Running javascript after page is fully rendered

Question

I am trying to create a syntax highlighter script. I tried using my script on a code with 10 thousand lines and all I see is a blank page while it is loading. Everything will just show up after the script has finished it's task. By the way, I called my script inside the ready function of jQuery.

$(myFunction); 

The script should execute after the page is fully rendered and the user can actually navigate through the page even if the script is not yet finished. The javascript will run in the background as it highlights the code one by one while not interfering the reponsiveness of the page. Thanks in advance.

EDIT:

To make this clearer, I would like to execute the code after everything is "rendered" not "loaded". Everything should already visible in the screen and the user can actually see the code come to life as it is being highlighted. Thanks.

Answer 1

Do you mean after all the images have been loaded?

I think window.onload is what you're looking for

window.onload = function() {     //dom not only ready, but everything is loaded }; 

EDIT

Per Chris's comment, here's the jQuery way:

$(window).load(function() {     //dom not only ready, but everything is loaded });