html怎麼引用JavaScript？ html引入js路徑四種方式
- 云罗郡主原創
- 2018-10-30 15:57:1563347瀏覽
html是靜態的頁面，如果我們想要實現某些動畫效果，就要引入一些js，那麼，如何在html中引用一些js檔案呢，引入js有哪些方式呢，下面我們來總結一下html引入js路徑四種方式。
一：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>注意：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>3.元素事件中引用
元素事件中引用是在元素中去直接編寫js文件，例如：
<input type="button" onClick="alert('php中文网')" value="按钮"/>
4.引入外部JS文件
引入外部把js檔案存放在.js後綴當中，並且使用script來引用，引用的檔案可以放在頭部，也可以放在主體部分，例如：
<script src="js/index.js" type="text/javascript"></script>
以上就是對html怎麼引用JavaScript？ html引入js路徑四種方式的完整介紹，如果你想了解更多有關JavaScript影片教學，請關注php中文網。
以上是html怎麼引用JavaScript？ html引入js路徑四種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn