How do you automatically run an external JavaScript function with a variable?

Question

I am trying to run an external javascript function when the page loads and the function takes a variable that I can only pass through the page which where the javascript function is called from.

HTML Page

<head>
<script src="path/to/file.js" type="text/javscript>
window.onload = function() {
doFunction(variable);
}
</script>
</head>

Javascript file

function doFunction(variable){
//do the stuff here
}

@JonathanLonowski Would I just do a window.onload(doFunction(variable));? If I am using src — Austin McCalley, Jun 29 '17 at 02:17

score 2 · Accepted Answer · answered Jun 29 '17 at 02:24

<head>
<script src="path/to/file.js" type="text/javscript></script>
<script>
$(window).load(function() {
      doFunction(variable);
});
</script>
</head>

The reference script tag(for including external files) should not include any external javascript code in it. you can only reference a external file.

To add any other javascript that should be between seperate script tags

score 0 · Answer 2 · answered Jun 29 '17 at 02:25

Since you aren't loading the file.js asynchronously, you can include the script in the header. As long as you call the function AFTER the script is loaded, it should work fine.

<html>
<head>
    <script src="path/to/file.js" type="text/javscript>
</head>
<body>
<script type="text/javascript">
    window.onload = function() {
        doFunction('someVal');
    };
</script>
</body>
</html>

How do you automatically run an external JavaScript function with a variable?

2 Answers2