Home > Web Front-end > JS Tutorial > body text

What are the ways to introduce JavaScript?

青灯夜游
Release: 2021-06-15 10:03:12
Original
13153 people have browsed it

There are three ways to introduce JavaScript: 1. Use the "" statement to introduce; 2. Write js in the script tag Code; 3. Write the js code in an external js file, and then introduce it using the src attribute of the script tag.

What are the ways to introduce JavaScript?

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

There are three ways to introduce JavaScript:

1. Inline introduction:

<开始标签 on+事件类型=“js代码”></结束标签>
Copy after login

Inline introduction methods must be combined Events are used, but internal js and external js can not be combined with events

<body>
<input type="button" onclick="alert(&#39;行内引入&#39;)" value="button" name="button">
<button 0nclick="alert(123)">点击我</button>
</body>
Copy after login

2. Internal introduction:

In the head or body, define the script tag, and then in Write js code in the script tag

    <script>
        alert("这是js的内部引入");
    </script>
Copy after login

3. External introduction:

Define external js file (file ending in .js)

<script type=“text/javascript” src=“demo.js”>
Copy after login

Note:

  • script tags are generally defined in the head or body

  • Script tags should be used alone, either by introducing external js or by defining internal js. Do not Mix and match

external JS files, which have the characteristics of high maintainability, cacheability (load once, no need to load), convenient future expansion, and high reusability

Create a new external js file demo.js file

In the head or body, add the following code

<script  type="text/javascript" src="js/demo.js"></script>
Copy after login

The priority order of js execution is based on the order in the code.

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of What are the ways to introduce JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template