Question

Consider a javascript file script.js which contains the code alert(theVar);

Now, i linked the js file to the document like

<script type="text/javascript">
    var theVar= 'a alert';
</script>
<script type="text/javascript" src="script.js"></script> //Contains alert(theVar);

The variable theVar is used and i get a alert. This works fine.

When,

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
     var theVar= 'a alert';
 </script>

is used, i am not getting a alert.

I know the problem is because of the variable, which is declared after loading the js file.

But is there any way to get the variable declared anywhere in the document ?

Answer 1

in script.js do

window.onload = function() { alert ( theVar ) }

Or your favorite library dom ready fn, so it invokes the callback after a certain event instead of immediately.

Though, this really depends on what kind of functionality script.js has, which you have not specified thus far.