JavaScript 基础笔记

1. 嵌入JavaScript 的三种方式

1.1 行内事件处理

在 HTML 标签内直接嵌入 JavaScript 代码。例如通过按钮触发 onclick 事件：

<input type="button" value="hello" onclick="window.alert('hello js')" />

在这个例子中，onclick 事件触发时执行 window.alert() 函数，弹出一个消息框。

1.2 页面内嵌入 JavaScript

通过 <script> 标签在 HTML 页面中嵌入 JavaScript 代码：

<script type="text/javascript">
window.alert("页面内嵌入的JavaScript代码");
</script>

注意事项：

1.3 外部引入 JavaScript

通过 <script> 标签引用外部的 JavaScript 文件：

<script type="text/javascript" src="js文件路径"></script>

注意事项：

2. JavaScript 是一种基于事件驱动的编程语言

JavaScript 依赖于事件驱动，当用户与页面进行交互时（如点击、输入等），会触发相应的事件，执行相应的 JavaScript 代码。

例如，鼠标单击事件 click 对应的事件句柄是 onclick。事件句柄作为 HTML 标签的属性存在，当事件被触发时，绑定的 JavaScript 代码就会执行。

<button onclick="alert('按钮被点击！')">点击我</button>

3. 字符串的表示方式

在 JavaScript 中，字符串可以用单引号或双引号括起来。例如：


let message1 = '这是单引号字符串';
let message2 = "这是双引号字符串";

4. window 对象与 alert()

window 是 JavaScript 中的内置 BOM（浏览器对象模型）的顶级对象，代表当前浏览器窗口。window.alert() 函数可以用来弹出消息框。

在调用 alert() 函数时，window 对象是可以省略的：


// 下面两行代码是等效的
window.alert("这是一个警告框");
alert("这是一个警告框");

5. JavaScript 语句的结尾

JavaScript 中一条语句结束后可以使用分号（;），也可以省略分号。建议使用分号来明确语句结束：


let name = "Alice";
alert(name);  // 推荐的写法，明确结束

6. 阻塞页面加载的 alert() 函数

alert() 函数会阻塞页面的加载，当调用此函数时，页面的其他操作将暂停，直到用户关闭弹出的消息框。

7. JavaScript 注释

JavaScript 中的注释有两种形式：


// 这是一个单行注释

/*
这是一个
多行注释
*/

8. 脚本块的顺序与加载

在页面中，多个脚本块是按从上至下的顺序执行的。脚本块的位置没有限制，但为了优化页面加载，通常将 <script> 标签放在页面底部。