Run JavaScript after every time page is loaded

Question

I have a simple question but its haunting me since many days and I couldn't find the solution. I would like to fire a JavaScript event for every time the page is loaded or rendered.

Can any body please help?

just type "how to catch page load event with javascript" to google. — Çağdaş, Oct 14 '11 at 10:18

score 5 · Answer 1 · edited May 23 '17 at 11:59

5

you can use <BODY onLoad="alert('hello world!')">

See some drawbacks and workaround on this thread: Is there a cross-browser onload event when clicking the back button?

[EDIT] or better (?), use:

window.onload=function() { 
   alert ('hello world');
};

(from this thread)

edited May 23 '17 at 11:59

Community

1
1

answered Oct 14 '11 at 10:17

JMax

26,109
12
69
88

score 4 · Answer 2 · answered Oct 14 '11 at 10:18

4

window.onload = function(){/*your code*/}

answered Oct 14 '11 at 10:18

ravi404

7,119
4
31
40

Arj · Accepted Answer · 2011-10-14T11:27:21.733

4

Try using this:

<html>
    <head>
        <script type="text/javascript">

            function function_name() {
               alert('loaded');
            }

        </script>
    </head>

    <body onload="function_name()">
        <p>hello</p>
    </body>

</html>

Although the best way would probably be to use jQuery's ready() function to ensure browser compatibility.

edited Oct 14 '11 at 11:27

answered Oct 14 '11 at 10:19

Arj

1,981
4
25
45

score 0 · Answer 4 · answered Oct 14 '11 at 10:25

if your reqirement is such that the script needs to execute after the page has loaded completely you could write it in the following way

$(window).bind('load',function(){
    //your code here
});

document.ready works when the page html elements are loaded... the above code executes after the entire page (with its styling and images etc.) hence i believe that this requires a seperate mention

Run JavaScript after every time page is loaded

4 Answers4