Javascript: Using External Scripts

Question

I am trying to import a simple script into an HTML doc. It won't work and I have no idea what I am doing wrong.

Name of external script--> (function.js)

window.onload = myFunction;

       function myFunction() 
       {
             document.getElementById("HERE").innerHTML = "message";
       }

name of HTML doc--> (attributes.html)

<!DOCTYPEhtml>

    <html>
    <head>

         <title> This is an example of using an external script</title> 
            <script type ="text/javascript" src= "function.js"></script>
    </head>
    <body>

          <h1 id="HERE"> 
          </h1>

    </body>
    </html>

Answer 1

I think that the body on load event fires too early, before js file go running. Try to use "document.body.onload" at least of "window.onload". Try to use "document.attachEvent":

document.attachEvent(document.body, "load", myFunction)

Answer 2

<html>
<head>

     <title> This is an example of using an external script</title> 
        <script type ="text/javascript" src= "function.js"></script>
</head>
<body>

      <h1 id="HERE"> 
      </h1>

     <script>myFunction() </script>
</body>
</html>

Javascript: Using External Scripts

Question

2 answers

solution1
0 2012-08-13 07:16:35

solution2
0 2012-08-13 08:10:46

Javascript: Using External Scripts

Question

2 answers

solution1 0 2012-08-13 07:16:35

solution2 0 2012-08-13 08:10:46

solution1
0 2012-08-13 07:16:35

solution2
0 2012-08-13 08:10:46