怎么引入js文件

js
小云
95
2023-08-05 18:20:08
欄目: 編程語言

在HTML文件中引入JavaScript文件可以使用<script>標(biāo)簽。以下是幾種常見的引入方式：

  1. 內(nèi)部引入：在<head>標(biāo)簽中使用<script>標(biāo)簽將JavaScript代碼直接嵌入HTML文件中。
<!DOCTYPE html>
<html>
<head>
<script>
// JavaScript代碼
</script>
</head>
<body>
...
</body>
</html>
  1. 外部引入：通過指定src屬性引入外部的JavaScript文件。src屬性指定JavaScript文件的路徑。
<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js"></script>
</head>
<body>
...
</body>
</html>
  1. 延遲引入：通過在<script>標(biāo)簽上設(shè)置defer屬性，使得瀏覽器延遲加載JavaScript文件，直到文檔解析完畢后再執(zhí)行。
<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" defer></script>
</head>
<body>
...
</body>
</html>
  1. 異步引入：通過在<script>標(biāo)簽上設(shè)置async屬性，使得瀏覽器異步加載JavaScript文件，加載完成后立即執(zhí)行。注意，異步加載的JavaScript文件的執(zhí)行順序不一定與它們?cè)贖TML文件中的順序相同。
<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" async></script>
</head>
<body>
...
</body>
</html>

注意：在引入JavaScript文件時(shí)，應(yīng)該將<script>標(biāo)簽放在<head>標(biāo)簽的內(nèi)部或<body>標(biāo)簽的尾部，以避免阻塞頁面的加載。

0 踩