1.使用JavaScript_.1在javascript-优快云博客

本文介绍了如何在HTML中使用JavaScript，包括直接在HTML文件中嵌入JavaScript代码以及通过外部JS文件引入的方式，并展示了简单的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
    // 这里是JavaScript代码
</script>

在HTML页面中，script标签可以写在header标签中也可以写在body标签中
* 让我们先来建立一个HTML文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这里的代码用于在移动端自动缩放 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>使用JavaScript</title>
  </head>
  <body>
    <script>
        let text = 'this is my first JavaScript project'
        // 页面中弹出text这句话
        alert(text)
        // 打开浏览器的Console也可以看见这句话
        console.log(text)
    </script>
  </body>
</html>

让我们再来建立一个Js文件

HTML（index.html）文件内容：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这里的代码用于在移动端自动缩放 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>使用JavaScript</title>
  </head>
  <body>
    <!-- 引入js文件 -->
    <script src="./index.js"></script>
  </body>
</html>

Js（index.js）文件内容

let text = 'this is my first JavaScript project'
alert(text)
console.log(text)

Tips：Js文件中并不需要script这个标签

文件结构

这里写图片描述

index.js里面的内容就是上面script标签里面的内容了

上面两个操作将会得到相同的结果！！！

script标签基本