Auto run javascript code on page load

Question

How can I run javascript code just after page load, when page is loaded, it trigger, and when I go to another page it also trigger another piece of code for that page, how can I do it ?

this is such a simple web search `javascript page load`. Please show some efort before posting rudimantary questions here — charlietfl, Dec 24 '14 at 08:35
I mean why he will use jquery to load a page? isn't that overkill? @Aditya — Mr_Green, Dec 24 '14 at 08:37
@Mr_Green I thought he was asking how to execute a javascript code on page load and not load a page using javascript. And using jquery was just a suggestion for that. — Aditya, Dec 24 '14 at 08:41

score 5 · Answer 1 · answered Dec 24 '14 at 08:35

You can try

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }
        window.onload = codeAddress;
        </script>
    </head>
    <body>

    </body>
</html>

Click here http://jsfiddle.net/NEfR2/

score 0 · Answer 2 · answered Dec 24 '14 at 08:35

document.ready() is a jQuery event. JQuery’s document.ready() method gets called as soon as the DOM is ready (which means that the browser has parsed the HTML and built the DOM tree). This allows you to run code as soon as the document is ready to be manipulated.

For example, if a browser supports the DOMContentLoaded event (as many non-IE browsers do), then it will fire on that event. However, IE can’t safely fire until the document’s readyState reaches “complete”, which is typically later.

You can find more info here (of course, this requires jQuery to be loaded)

Ready is not a method of document - it is as you pointed out - a function of the jQuery library which accepts the document as an parameter. $(function() { // Handler for .ready() called. }); does exactly the same. — axel.michel, Dec 24 '14 at 08:45

Auto run javascript code on page load

2 Answers2