I have my .css already linked. Cant find how to also link .js propely.
<html>
<head>
<title>Final</title>
<link rel="stylesheet" type="text/css" href="final.css">
</head>
<body>
</body>
</html>
Asked
Active
Viewed 289 times
-1
Sotirios Delimanolis
- 252,278
- 54
- 635
- 683
M.Jones
- 1
-
https://developer.mozilla.org/en/docs/Web/HTML/Element/script . Read this. – Ajay Narain Mathur Sep 20 '16 at 21:57
-
2Possible duplicate of [Where is the best place to put – Keith Nicholas Sep 20 '16 at 21:58
-
please do a search on stack overflow before asking a question – Keith Nicholas Sep 20 '16 at 21:59
-
Possible duplicate of [How do I link a Javascript file to a HTML file?](http://stackoverflow.com/questions/13739568/how-do-i-link-a-javascript-file-to-a-html-file) – Mark Amery Sep 20 '16 at 23:16
3 Answers
2
By use of the script tag. (MDN Reference)
<script src="filename.js" type="text/javascript"></script>
The above is the simple, short answer.
Standard practice tends to be, for most JavaScript, to place the script tag at the bottom of the body or to 'defer' it in the head. This is so that the loading of JavaScript does not slow the page itself from loading. To do either of these, see the following:
<head>
<!-- OTHER HTML STUFF! -->
<!-- This particular script will be deferred after document parsing. -->
<script src="filename.js" type="text/javascript" defer></script>
</head>
<body>
<!-- STRUCTURE AND SUCH OF PAGE -->
<!-- This particular script will load after the body. -->
<script src="filename.js" type="text/javascript"></script>
</body>
There are more strategies with their own advantages and disadvantages, and it's a deeper topic, but the above basics should be good as a standard practice.
An excellent and concise summary of the topic can be seen here.
Nicholas McNary
- 33
- 6
