Why a simple <script src="..."> </script> doesn't work?

Question

I'm working on a project, and I didn't understand why a call to external script doesn't work.

Then I just did a extremely simple page html which includes a script alert, as you can see below... Can you tell me what's the problem ? I believe the problem is not the code, but what else can it be?

My browser is a recent Chrome, and my OS is Ubuntu. My HTML file is index.html :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MyPage</title>
</head>
<body>
    <p>Blablabla</p>
    <script type="text/javascript" src="/script.js"></script>
</body>
</html>

The Javascript file is script.js in the same folder:

<script type="text/javascript">
alert('Hey');
</script>

if that second piece of code is your script file, remove the HTML from javascript files - i.e. you don't need <script ....> </script> inside a .js file — Jaromanda X
– Jaromanda X, Commented Nov 21, 2017 at 22:06
Did you try debugging? If there is a JS error it will show in the console section. — IE5Master
– IE5Master, Commented Nov 21, 2017 at 22:06
Your script.js file contains HTML, not JavaScript. This would result in a syntax error. Check your browser's debugging console. To correct it, remove the HTML tags from the JavaScript file. While you're in the browser's debugging tools, take a look at the network tab and see if the request for the .js file was successful. Take a look at the script tab and see if it's available. — David
– David, Commented Nov 21, 2017 at 22:08
Generally it's good practice to put script tags in the header. You can read more here: stackoverflow.com/questions/436411/… — Joseph Cho
– Joseph Cho, Commented Nov 21, 2017 at 22:12

Mureinik · Accepted Answer · 2017-11-21 22:06:27Z

3

Paths starting with / are absolute paths. If the script and the HTML page are in the same directory, the script's path is simply "script.js":

<script type="text/javascript" src="script.js"></script>
<!-- Here --------------------------^ -->

answered Nov 21, 2017 at 22:06

Mureinik

316k54 gold badges400 silver badges405 bronze badges

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

1 Comment

florian Over a year ago

Ok, I change the line with <script type="text/javascript" src="script.js"></script> still the same problem

FutoRicky · Accepted Answer · 2017-11-21 22:07:41Z

2

If the file is in the same folder remove the "/" from script.js

<script type="text/javascript" src="script.js"></script>

Also if the js file has the script tags remove them.

If you want the alert when the doc is ready, consider doing something like:

document.addEventListener("DOMContentLoaded", function(event) { 
  alert('Hey')
});

answered Nov 21, 2017 at 22:07

FutoRicky

1,0612 gold badges10 silver badges24 bronze badges

3 Comments

florian Over a year ago

I have changed what you say, but I still have the same problem

FutoRicky Over a year ago

@florian did you remove the script tag from the javascript file?

florian Over a year ago

Oh damned ! I only removed type="text/javascript" Now, it works without <script> tag :') Thank you so much, I know it was a stupid question, but I'm beginning Javascript at school ahah !

Pedro Capela · Accepted Answer · 2020-04-14 15:58:27Z

1

I think that the script in the file dosen't need this script tag

<script type="text/javascript">
alert('Hey');
</script>

you can make like this

alert('hey');

just that try out and check if the file path in html to the js file is the right one.

answered Apr 14, 2020 at 15:58

Pedro Capela

696 bronze badges

Comments

DCR · Accepted Answer · 2017-11-21 22:19:07Z

0

Hi you don't need the script tags in the file:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MyPage</title>
</head>
<body>
    <p>Blablabla</p>
    <script type="text/javascript" src="/script.js"></script>
</body>
</html>

The Javascript file is script.js in the same folder:

alert('Hey');

answered Nov 21, 2017 at 22:19

DCR

15.8k13 gold badges61 silver badges131 bronze badges

Comments

Gaur 97 · Accepted Answer · 2020-04-14 15:55:43Z

0

I have solve this problem by using Visual Studio. Just open the html file in VS and then run this file from here. It will connect your js file to html.

answered Apr 14, 2020 at 15:55

Gaur 97

1032 silver badges9 bronze badges

2 Comments

camille Over a year ago

This doesn't address their actual code, though. There should be ways to debug the code without using a specific text editor

Mahesh Revaskar Over a year ago

Check this post might help if its angular application stackoverflow.com/questions/56585794/…

Collectives™ on Stack Overflow

Why a simple <script src="..."> </script> doesn't work?

5 Answers 5

1 Comment

3 Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

3 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related