how to check whether all javascript functions loaded properly on page

Question

how to check whether all javascript functions loaded properly on page

Answer 1

Use firebug and web developer toolbar in firefox to check the js files loaded or not and web devloper will show errors if you have any errors in javascript function..

Answer 2

use document onload event

link text

Answer 3

JavaScript blocks the browser from continuing to add elements to the DOM render elements on the screen so technically any script tag would have to be evaluated before the end of the closing BODY tag.

The window's load event is fired after DOM is complete and after all assets (CSS, images, SCRIPT) are loaded... but only if they were added to the DOM before the load event fired. Any timers or asyncronous calls (ajax, iframes, etc) could escape this method.

In a complicated asyncronous environment, you may have AJAX loading content or you may have timers set to lazy-load SCRIPT tags.

There's no single answer to your question, but the window's load event is the most likely answer.

You can always test to see if a function exists before using it

function foo(params) { /* do stuff */ }
...
if(foo) { foo(); }