How does html reference JavaScript? Four ways to introduce js paths in html-JS Tutorial-php.cn

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

云罗郡主

Release： 2018-10-30 15:57:15

Original

63519 people have browsed it

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:

<head>
    <title></title>
    <script type="text/javascript">
    </script>
</head>

Copy after login

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:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
    </script>
</body>
</html>

Copy after login

3. References in element events

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

    <input type="button" onClick="alert(&#39;php中文网&#39;)" value="按钮"/>

Copy after login

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:

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

Copy after login

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!