Can't use function defined in "src" of same script element?

Question

I'm trying to work on some js code to:

Create a nav menu
Create a header, nav, ul, and li element(s) w/in js
Be automatically invoked

Here is the HTML:

<!DOCTYPE html>
<html>
<head>
  <script src="js1.js">
    cHeader();
  </script>
</head>
<body>
</body>
</html>

Here is the js:

function cHeader(){
    var header = document.createElement("header");
    var body = document.getElementById("body");
    body.appendChild(header);
    var ul = document.createElement("ul");
    header.appendChild(ul);
    var li = document.createElement("li");
    ul.appendChild(li);
    var liNode = document.createTextNode("Home");
    li.appendChild(liNode);
}

When I try to call the function by either <body onLoad="cHeader()"> or with <script>cHeader()</script> in the html, my console in Chrome returns with:

Uncaught ReferenceError: cHeader is not defined index.html:19
(anonymous function)

Although, even when I try inline script tags, the code won't do anything.

you must define the function before you call it...

Jay Harris
– Jay Harris

2014-05-12 02:47:47 +00:00
Commented May 12, 2014 at 2:47 — Jay Harris
– Jay Harris, Commented May 12, 2014 at 2:47

Amit Joki · Accepted Answer · 2014-05-12 02:47:27Z

8

<script src="js1.js">
    cHeader();
</script>

should be:

<script src="js1.js"></script>
<script>cHeader();</script>

<script> tag with src attribute should not contain any thing inside.

Instead, after, loading the script, you need to call it in another <script></script>

answered May 12, 2014 at 2:47

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Maurice Perry Over a year ago

With type="text/javascript" it would be even better

eriese · Accepted Answer · 2014-05-12 02:51:30Z

0

try putting window.onload=function(){cHeader();}; at the bottom of your javascript file.

answered May 12, 2014 at 2:51

eriese

1757 bronze badges

2 Comments

Elliott Frisch Over a year ago

This does not provide an answer to the question. To critique or request clarification from an author, leave a comment below their post.

eriese Over a year ago

I think this is an answer; it should fix the issue. I can edit it to explain better, but this is a solution.

Collectives™ on Stack Overflow

Can't use function defined in "src" of same script element?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related