html怎么引用JavaScript？html引入js路径四种方式-tutorial js-php.cn

html怎么引用JavaScript？html引入js路径四种方式

云罗郡主

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

asal

63498 orang telah melayarinya

html是静态的页面，如果我们想要实现某些动画效果，就要引入一些js，那么，如何在html中引用一些js文件呢，引入js有哪些方式呢，下面我们来总结一下html引入js路径四种方式。

微信截图_20181030155304.png

一：html怎么引用JavaScript

在html中引用一些js特效，我们可以通过四种方式去实现：

1.html页面的头部head标签中去引用

2.html页面的主体body标签内去引用

3.元素事件中去引用

4.直接引用js文件

二：html引入js路径四种方式详解

1.html中页面的头部引用js，就是在头部之前内进行编写js。代码如下：

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

Salin selepas log masuk

注意：js代码要放在之间，要求type的属性值也要对应为text/javascript。

2.html页面的主体body标签内去引用

在html的主体部分是引用js，是在之前进行编写，代码如下：

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

Salin selepas log masuk

3.元素事件中引用

元素事件中引用是在元素中去直接编写js文件，例如：

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

Salin selepas log masuk

4.引入外部JS文件

引入外部把js文件存放在.js后缀当中，并且使用script来引用，引用的文件可以放在头部，也可以放在主体部分，例如：

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

Salin selepas log masuk

以上就是对html怎么引用JavaScript？html引入js路径四种方式的全部介绍，如果你想了解更多有关JavaScript视频教程，请关注php中文网。

Atas ialah kandungan terperinci html怎么引用JavaScript？html引入js路径四种方式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

html怎么引用JavaScript？html引入js路径四种方式