1. 程式人生 > 其它 >1.如何在HTML5中引入js檔案

1.如何在HTML5中引入js檔案

技術標籤:JavaScript

在HTML5中引入js檔案有兩種方式如下:
新建一個html5檔案,輸入以下程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 內部js-->
    <script type="text/javascript">
        //編寫js程式碼
        alert
("我是菜雞兒"); </script> <!-- 外部js,引用js目錄下的index.js檔案--> <script type="text/javascript" src="js/index.js"></script> </head> <body> </body> </html>

新建一個js資料夾,然後新建一個index.js檔案,輸入程式碼如下:

//編寫js檔案
alert('我是碼農菜雞兒');

顯示結果如下:
在這裡插入圖片描述
點選確定後,顯示如下:

在這裡插入圖片描述
可見,html檔案是按照從上到下執行的。
其次,說一下,內部js的使用一般用來寫自己的一個小小的demo就好了。
現實中,還是要多多地用外部js。