JavaScript基础教程：事件、函数与动态交互

需积分: 3 166 浏览量更新于2024-07-31 收藏 56KB DOCX 举报

"这篇资源是关于JavaScript的详细解释，作者分享了自己整理的JavaScript基础知识，包括脚本调用时机、语法结构、变量定义、控制结构、消息提示、JS文件引用、函数定义、循环控制和事件处理等内容，并给出了具体的示例代码。" 在JavaScript中，有以下关键知识点： 1. **执行时机**：JavaScript代码分为在`<head>`部分和`<body>`部分的。`<head>`中的脚本在文档加载完成后执行，而`<body>`中的脚本在对应元素出现在页面上时执行，这会影响到代码的运行顺序。 2. **语法结构**：定义变量使用`var`关键字，例如`var name = "John"`。区分大小写是JavaScript的基本规则，所有标识符（如变量名、函数名）都应遵循这一原则。 3. **控制结构**：`if...else`用于条件判断，`switch`用于多分支选择，`for`、`while`和`do...while`是循环结构，它们是编写逻辑流程的基础。 4. **消息提示**：`alert()`用于弹出警告对话框，显示简单信息；`confirm()`则显示带有确认按钮的对话框，用户点击确定返回`true`，点击取消返回`false`。 5. **JS文件引用**：外部JavaScript文件通常以`.js`为扩展名，可以通过`<script src="XXX.js"></script>`将文件引入到HTML中。 6. **函数定义**：使用`function`关键字定义函数，如`function displayMessage(var1, var2) { return value; }`，函数可以接收参数并返回值。 7. **事件处理**：JavaScript通过监听网页元素上的事件来响应用户行为。例如，`onClick`事件会在用户点击元素时触发。事件处理可以与HTML元素直接结合，或者在JavaScript代码中设置。 8. **循环控制**：`break`语句用于立即退出当前循环，`continue`语句结束当前迭代，跳至下一次循环开始。 9. **常见事件**：常见的JavaScript事件包括鼠标点击（onClick）、页面或图像加载（onLoad）、鼠标悬浮（onMouseOver）、表单交互（onChange、onSubmit）等。`onload`事件常用于页面完全加载后的处理，`onunload`则在用户离开页面时触发。示例代码展示了如何在HTML中定义和调用函数，以及如何通过`onclick`属性将函数绑定到按钮元素上。当用户点击按钮时，`displayMessage`函数会被执行，显示警告对话框。理解并掌握这些基础概念对于学习和使用JavaScript至关重要，它们构成了JavaScript编程的核心部分，可以用来创建动态、交互性强的网页应用。

getTime()

返回 1970 年 1 月 1 日至今的毫秒数。

1 3

getTimezoneOffset()

返回本地时间与格林威治标准时间 (GMT) 的分钟差。

1 3

getUTCDate()

根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。

1 4

getUTCDay()

根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。

1 4

getUTCMonth()

根据世界时从 Date 对象返回月份 (0 ~ 11)。

1 4

getUTCFullYear()

根据世界时从 Date 对象返回四位数的年份。

1 4

getUTCHours()

根据世界时返回 Date 对象的小时 (0 ~ 23)。

1 4

getUTCMinutes()

根据世界时返回 Date 对象的分钟 (0 ~ 59)。

1 4

getUTCSeconds()

根据世界时返回 Date 对象的秒钟 (0 ~ 59)。

1 4

getUTCMilliseconds()

根据世界时返回 Date 对象的毫秒(0 ~ 999)。

1 4

parse()

返回 1970 年 1 月 1 日午夜到指定日期（字符串）的毫秒

数。

1 3

setDate()

设置 Date 对象中月的某一天 (1 ~ 31)。

1 3

setMonth()

设置 Date 对象中月份 (0 ~ 11)。

1 3

setFullYear()

设置 Date 对象中的年份（四位数字）。

1 4

setYear()

请使用 setFullYear() 方法代替。

1 3

setHours()

设置 Date 对象中的小时 (0 ~ 23)。

1 3

setMinutes()

设置 Date 对象中的分钟 (0 ~ 59)。

1 3

setSeconds()

设置 Date 对象中的秒钟 (0 ~ 59)。

1 3

setMilliseconds()

设置 Date 对象中的毫秒 (0 ~ 999)。

1 4

setTime()

以毫秒设置 Date 对象。

1 3

setUTCDate()

根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。

1 4

剩余15页未读，继续阅读

Fengfreelyy

粉丝: 0
资源: 2

JavaScript基础教程：事件、函数与动态交互

JavaScript详解[参照].pdf

javascript详解（很详细，很简单）

JavaScript详解（第2版），完整扫描版

JavaScript详解：从基础到应用

JavaScript详解：窗体对象与特性

权威指南：最新版JavaScript详解

JavaScript详解：窗口对象与Web交互

JavaScript详解：功能、语法与应用深度解析

Web开发基础：HTML、CSS、JavaScript详解

JavaScript模块化开发详解

最新资源