JavaScript 基础问答：核心概念与常见应用场景解析

JavaScript FAQ概述与目标

近期在网络中发现了一份高质量的JavaScript常见问题解答（FAQ）。鉴于担心无法持续完整阅读，笔者尝试翻译部分内容，以便与广大技术爱好者分享。原FAQ链接为：http://www.javascripter.net/faq/index.htm。以下是关于常见问题的整理。

1、关于本FAQ的说明

问：为什么要参考这份FAQ？

答：本FAQ旨在协助开发者构建健壮的客户端脚本，确保其不仅能在Netscape Navigator中运行，也能在Microsoft Internet Explorer中正常运行，且兼容多种操作系统。本FAQ收集的内容与以下资源有所区别：

所有回答均基于平台无关性的编码原则，不针对特定浏览器或平台。大多数解答包含可交互的代码示例，用户无需离开当前页面即可运行并查看结果（注：需访问原文，点击标题即可进入）。

在这里，读者可以找到问题的解决方案，而不仅仅是确认问题的存在。例如，其他资源可能仅告知“JavaScript无法从服务器读取文件”，而本FAQ会提供解决方案：“这是一个Java applet，可辅助JavaScript从服务器读取文件”。

JavaScript定义与支持环境

2、JavaScript的定义

问：什么是JavaScript？

答：JavaScript是一种专为在HTML页面中增加交互性而设计的脚本语言。1995年，Netscape社区首次在Netscape Navigator 2 beta版本中实现了该语言。JavaScript与由Sun微系统开发的Java语言不同，但两者之间的互操作性良好。

JavaScript脚本通常直接嵌入在HTML文件中。当用户浏览器打开该HTML文件时，脚本随即执行（注：虽存在服务端JavaScript，但已超出本FAQ范围）。JavaScript属于解释型语言，即在执行前不进行预编译，也不转化为系统相关的机器码。用户的浏览器负责解释脚本，即分析并立即执行。支持JavaScript的浏览器包括：

Netscape Navigator（自2.0版本起）

Microsoft Internet Explorer（自3.0版本起）

其他获得制造商许可或实现JavaScript解释器的浏览器/产品（如Opera、Firefox等）

因此，当前大部分互联网用户的浏览器均支持JavaScript。这也是JavaScript成为向网页增加交互性最流行工具之一的关键原因。

JavaScript核心应用场景与示例

3. JavaScript的特性

问：JavaScript程序能执行哪些任务？ 答：以下列表列举了部分JavaScript表现显著的典型任务：

赋予用户更多的浏览器控制权

检测用户的浏览器类型、操作系统、屏幕尺寸等信息

在客户端执行简单的数学计算

验证用户输入的数据

处理日期和时间数据

在运行过程中无需访问Web服务器即可生成HTML页面

在下文中，您将看到演示上述每个任务的简单示例。

I. 赋予用户更多的浏览器控制权

示例：在此处，您可以修改页面的背景色以及浏览器状态栏上显示的文字。

II. 检测用户的浏览器和操作系统。如果需要，此能力可检测用户的环境信息，从而执行平台相关的操作。

示例：不同浏览器的用户将收到不同的问候语。

III. 在客户端执行简单计算。

示例：这是一个JavaScript计算器，用户输入算术表达式后，JavaScript将计算其值。

IV. 验证用户输入。

示例：在上述计算器中，若用户输入字母而非数字，系统将弹出警告：“Invaid input characters！”（无效输入字符！）。

请注意，JavaScript协助浏览器执行输入校验，从而避免浪费用户访问Web服务器的时间。如果用户在输入时犯错，会立即得到提示。反之，若输入信息仅在服务器上校验，用户则需等待服务器响应。

V. 处理日期和时间。

示例1：这是一个JavaScript时钟。

示例2：该脚本会根据当前时间显示“Nice morning, isn't it?”（美好的早晨，不是吗？）或“Good afternoon!”（下午好！）或“Wow, you are not sleep yet!?”（哇，你还没睡吗？）。它还会显示今天的日期。

VI. 运行中生成HTML页面。

示例：左侧的目录（注：在原文中，左侧为目录区域）是动态展开的。要查看某项的所有子项，请点击相应的白色箭头。隐藏时，点击箭头。

每次点击这些箭头，浏览器便会在左侧框架中生成并显示一个新的HTML页面。正是由于JavaScript，这一过程可在客户端完成，因此您无需等待信息在浏览器和Web服务器之间反复往返。