Calling javascript script from html

Question

I have a simple javascript file like so:

$(document).ready(function () {
    alert("my controller");
});

I have an HTML file like so:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript" src="/js/generateLineupController.js"></script>
</body>
</html>

for the love of all things holy why in the world would the alert not show? I get a 200 on GET for the javascript file, so it's loading.

Is there a reason you have a node.js tag on this question? It's distracting me from answering your question because I'm waiting to hear about how node is involved :) — Heretic Monkey
– Heretic Monkey, Commented Dec 21, 2014 at 5:06
yeah, crap, I am using browserify to load node modules, I thought I might take this question in that direction, but I can remove the tag — Alexander Mills
– Alexander Mills, Commented Dec 21, 2014 at 5:13
I copied the code as it is (now ;)) in this question and got the alert. Are there other scripts being loaded, or some kind of NoScript-type plugin? — Heretic Monkey
– Heretic Monkey, Commented Dec 21, 2014 at 5:30

user149341 · Accepted Answer · 2014-12-21 05:04:25Z

4

Several problems here.

You're trying to load the script twice for some reason. Don't do that. Load it in <head>, or at the end of <body>, but not both.
You're trying to use jQuery syntax ($(...)), but you haven't loaded the jQuery library. You'll need that.

answered Dec 21, 2014 at 5:04

user149341

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

1 Comment

Alexander Mills Over a year ago

Yeah, I forgot to add the jquery library for my OP, but I have it my actual code, and that's not the problem

elixenide · Accepted Answer · 2014-12-21 05:04:17Z

2

The $(document).ready(...) indicates that you are trying to use jQuery, but you aren't loading jQuery in your page. Check your console log; you will see the errors there.

Also, there's no need to load the script twice with two <script> tags; just load it once.

answered Dec 21, 2014 at 5:04

elixenide

44.9k16 gold badges79 silver badges103 bronze badges

3 Comments

Alexander Mills Over a year ago

thanks Ed please see my edits, the missing jquery library is not the problem (nor was the double loading of the script).

elixenide Over a year ago

Are you running this on a server? Or are you just opening the doc in a browser with a local file path for a URL? If the latter, the relative src will cause problems. Also, are you sure you haven't checked don't show any more alerts for this page or anything similar in your browser?

Alexander Mills Over a year ago

it works, when I ran the one file alone, it wasn't pulling in my javascript file. The problem I have has to do with browserify. oh well.

Collectives™ on Stack Overflow

Calling javascript script from html

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related