在HTML文件中引入JavaScript文件可以使用<script>
標簽。以下是幾種常見的引入方式:
<head>
標簽中使用<script>
標簽將JavaScript代碼直接嵌入HTML文件中。<!DOCTYPE html>
<html>
<head>
<script>
// JavaScript代碼
</script>
</head>
<body>
...
</body>
</html>
src
屬性引入外部的JavaScript文件。src
屬性指定JavaScript文件的路徑。<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js"></script>
</head>
<body>
...
</body>
</html>
<script>
標簽上設置defer
屬性,使得瀏覽器延遲加載JavaScript文件,直到文檔解析完畢后再執行。<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" defer></script>
</head>
<body>
...
</body>
</html>
<script>
標簽上設置async
屬性,使得瀏覽器異步加載JavaScript文件,加載完成后立即執行。注意,異步加載的JavaScript文件的執行順序不一定與它們在HTML文件中的順序相同。<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" async></script>
</head>
<body>
...
</body>
</html>
注意:在引入JavaScript文件時,應該將<script>
標簽放在<head>
標簽的內部或<body>
標簽的尾部,以避免阻塞頁面的加載。