前端学习-JavaScript基础知识（一）_在html文件中使用javascript脚本时,javascript代码需要出现在( )之间。-CSDN博客

本文介绍JavaScript作为Web开发核心语言的重要性，包括其基本功能如修改HTML内容、控制样式等；讲解了标识符规则、循环结构及函数应用，并探讨了将JavaScript嵌入HTML的不同方式及其优缺点。

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

1、为何学习 JavaScript？

JavaScript 是 web 开发者必学的三种语言之一：

①HTML 定义网页的内容

②CSS 规定网页的布局

③JavaScript 对网页行为进行编程

2、JavaScript在HTMl中的作用

①JavaScript 能够改变 HTML 内容

②JavaScript 能够改变 HTML 属性

③JavaScript 能够改变 HTML 样式 (CSS)

④JavaScript 能够隐藏 HTML 元素

⑤JavaScript 能够显示 HTML 元素

3、JavaScript 标识符：

所有 JavaScript 变量必须以唯一的名称的标识，这些唯一的名称称为标识符，标识符可以是短名称（比如 x 和 y），或者更具描述性的名称（age、sum、totalVolume）。

构造变量名称（唯一标识符）的通用规则是：

①名称可包含字母、数字、下划线和美元符号

②名称必须以字母开头

③名称也可以 $ 和 _ 开头

④名称对大小写敏感（y 和 Y 是不同的变量）

⑤JavaScript 的关键词无法用作变量名称

JavaScript 标识符对大小写敏感。

字符串被包围在双引号或单引号中都可以，数值不用引号，如果把数值放在引号中，会被视作文本字符串。

3、`<script>` 标签

在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间。

<script>
document.getElementById("text").innerHTML = "这是我的第一段 JavaScript代码";
</script>

4、JavaScript 支持不同类型的循环：

① for - 多次遍历代码块

② for/in - 遍历对象属性

③ while - 当指定条件为 true 时循环一段代码块

④ do/while - 当指定条件为 true 时循环一段代码块

5、JavaScript 函数和事件：

JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。例如，当发生事件时调用函数，比如当用户点击按钮时。

6、`<head>` 或 `<body>` 中的 JavaScript

在 HTML 文档中可以放置放置任意数量的脚本，脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或两者都有。

注意：把脚本置于元素的底部，可改善显示速度，因为脚本编译会拖慢显示。

7、外部脚本

脚本可放置在外部文件中：外部脚本很实用，如果相同的脚本被用于许多不同的网页。

注意：JavaScript 文件的文件扩展名是 .js。

如需使用外部脚本，请在 <script> 标签的 src (source) 属性中设置脚本的名称：

例如：

<script src="myScript.js"></script>

同时可以在 <head> 或 <body> 中放置外部脚本引用。

该脚本的表现与它被置于 <script> 标签中是一样的。

注意：外部脚本不能包含 <script> 标签。

8、外部 JavaScript 的优势

在外部文件中放置脚本有如下优势：

①分离了 HTML 和代码

②使 HTML 和 JavaScript 更易于阅读和维护

③已缓存的 JavaScript 文件可加速页面加载

注意：如需向一张页面添加多个脚本文件，可以使用多个 script 标签：

例如：

<script src="myScript1.js"></script>

<script src="myScript2.js"></script>

外部引用：可通过完整的 URL 或相对于当前网页的路径引用外部脚本：

例如：

<script src="https://www.xxx.com.cn/js/myScript1.js"></script>

本文学习参考网址