Link javascript to html in <head

    how to use external javascript in html
    how to call external javascript in html
    how to use external javascript function in html
    how to put external javascript file in html
  • How to use external javascript in html

    • Where to put <script> tag in html

  • Where to put <script> tag in html
  • Javascript file example
  • Internal javascript
  • Javascript syntax
  • The external javascript file must contain the <script> tag.

    • Internal javascript!

    What is Internal and External JavaScript?

    <script> tag, either inside the <head> or <body> tag. This method is useful for small scripts specific to a single page.

    Syntax

    <script>

    </script>

    Output

    Hi Geeks, Welcome to GfG

    Advantages

    • No need for extra HTTP requests to load scripts.
    • Easy to use for small code snippets specific to a single HTML file.

    Disadvantages

    • Makes the HTML file less readable by mixing code and content.
    • Difficult to maintain when the script grows large.

    js is linked to the HMTL with the src attribute of script tag.

    Syntax

    <script src="url_of_js_file"> </script>

    Multiple script files can also be added to one page using several <script> tags.

    <script src="file1.js"> </script>
    <script src="file2.js"> >/script>

    Using an external script is easy , just put the name of the script file(our .js file) in the src (source) attribute of <script> tag.

    Output

    Advantages

    Disadvantages

    • Coders can easily download your code using the url

        how to call external javascript function from html button onclick
        how to load external javascript in html