Home  >  Article  >  Web Front-end  >  How does html reference JavaScript? Four ways to introduce js paths in html

How does html reference JavaScript? Four ways to introduce js paths in html

云罗郡主
云罗郡主Original
2018-10-30 15:57:1563264browse

html is a static page. If we want to achieve certain animation effects, we need to introduce some js. So, how to reference some js files in html? What are the ways to introduce js? Let's summarize html There are four ways to introduce js paths.

How does html reference JavaScript? Four ways to introduce js paths in html

1: How to reference JavaScript in html

To reference some js special effects in html, we can achieve it in four ways:

1.Quote in the head tag of the html page

2.Quote in the body tag of the main body of the html page

3.Quote in the element event

4. Directly quote js files

2: Detailed explanation of the four ways to introduce js paths in html

1.The header of the page in html refers to js, ​​that is Write js before the head

. The code is as follows:

    
    

Note: The js code should be placed between , and the attribute value of type is required to also correspond to text/javascript.

2.Quote within the body tag of the main body of the html page

The main part of the html is to reference js, which is written before

. The code is as follows:
 


    


    

3. References in element events

References in element events are to write js files directly in the elements, for example:

    

4.Introduce external JS files

Introduce external js files and store them in the .js suffix, and use script to reference them. The referenced files can be placed in the header or in the main part, for example:

The above is correct How does html reference JavaScript? A complete introduction to the four ways of introducing js paths into html. If you want to know more about JavaScript video tutorial, please pay attention to the php Chinese website.


The above is the detailed content of How does html reference JavaScript? Four ways to introduce js paths in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn