Auto load Javascript

Question

I have a flash games website. When I enter a game I have a button labeled "Play Game". The user needs to push this button to start the game. But I don't want users to have to start the game by using a button. How and what can I change? Here is the javascript from my website.

}
function sgame() {
var x=document.getElementById('gamefirst').style;
var y=document.getElementById('gamesecond').style;
if(x.display=='block') { x.display='none'; y.display='block'; }
else { x.display='block'; y.display='none'; }
}

and maybe

function swf(src, width, height) {
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="733" height="550"  id="currentGame">');
    document.write('<param name="movie" value="' + src + '">');
    document.write('<param name="quality" value="high">');
    document.write('<embed src="' + src + '" id="currentEmbedGame" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="733" height="550" menu="0"></embed>');
    document.write('</object>');

score 2 · Answer 1 · edited May 23 '17 at 12:09

<script type="text/javascript">
    window.onload = function(event) {
        // your code here
    };

    // equivalent with jQuery (when window loads)

    jQuery(window).load(function(event) {
        // your code here
    });

    // alternatively with jQuery (when DOM is ready)

    jQuery(document).ready(function(event) {
        // your code here
    });

    // you can also call a function if this <script>-block is reached (loaded) first time
    // place the <script>-block before body-tag is closing and you have nearly what DOM-ready does.
    someFunction();
</script>

For the difference between window loadand dom readysee here: window.onload vs $(document).ready()

For short: window.onload comes later after dom is ready an e.g. all images are loaded.

score 1 · Accepted Answer · answered Jun 24 '14 at 22:16

1

In your HTML you can try:

<body onload="startgame();">

Or in your JS file you can try:

window.onload=function(){//whatever you need to do;}

answered Jun 24 '14 at 22:16

score 1 · Answer 3 · answered Jun 25 '14 at 00:54

1

Load a function after your body loads, like so:

<body onload="startgame();">

Then create the function

function startgame() {
    alert('Body has loaded!');
}

answered Jun 25 '14 at 00:54

Fizzix

23,679
38
110
176

score 0 · Answer 4 · answered Jun 24 '14 at 21:04

0

What about an on load function?

Jquery: JQuery(document).ready(your function here)

JavaScript: window.onload = your function here

answered Jun 24 '14 at 21:04

ctwheels

21,901
9
42
77

where can I put this codes? can I use both or only one? – user3771854 Jun 24 '14 at 21:07
Put them before the function you want to run when the webpage is loaded. "Your function here" is placeholder for the actual function you wan loaded. Use one or the other, they are the same thing just one is JQuery and the other is JavaScript – ctwheels Jun 24 '14 at 21:10

0x777 · Answer 5 · 2017-02-24T00:11:34.780

0

Try the following, it's a piece of code that's executed on script load:

(
   function h(){ alert('H'); }
)();

This is useful if you already have a window.onload function.

edited Feb 24 '17 at 00:11

answered Feb 23 '17 at 23:50

0x777

825
8
14

Auto load Javascript

5 Answers5