JavaScript 教程

我们的 JavaScript教程 适用于初学者和专业人士。JavaScript用于创建客户端动态页面。

JavaScript是一种轻量级、跨平台的基于对象的脚本语言。

JavaScript不是一种编译语言，而是一种翻译语言。JavaScript翻译器（嵌入在浏览器中）负责将JavaScript代码翻译成适合网页浏览器使用的代码。

JavaScript是什么

JavaScript (js)是一种轻量级的面向对象的编程语言，多个网站使用它来编写网页脚本。它是一种解释性、完全成熟的编程语言，在应用到HTML文档时能在网站上实现动态互动。它于1995年被引入，用于向网页中添加程序，供Netscape Navigator浏览器使用。此后，所有其他图形网页浏览器都采用了JavaScript。用户可以使用JavaScript构建现代化的网页应用程序，实现直接交互，无需每次重新加载页面。传统网站使用JavaScript提供多种形式的互动和简易性。

尽管JavaScript没有与Java编程语言的连接性，但它的命名是在Java在市场上获得流行的时候提出和提供的。除了Web浏览器，像CouchDB和MongoDB等数据库也使用JavaScript作为它们的脚本和查询语言。

JavaScript的特点

JavaScript具有以下特点：

1. 所有流行的Web浏览器都支持JavaScript，因为它们提供了内置的执行环境。
2. JavaScript遵循C编程语言的语法和结构。因此，它是一种结构化编程语言。
3. JavaScript是一种弱类型语言，某些类型在运算中会隐式转换。
4. JavaScript是一种面向对象的编程语言，使用原型而不是类进行继承。
5. 它是一种轻量级和解释性语言。
6. 它是一种区分大小写的语言。
7. JavaScript可以在包括Windows、macOS等多个操作系统中使用。
8. 它为用户提供了对Web浏览器的良好控制。

JavaScript的历史

在1993年，第一个流行的网络浏览器 Mosaic 诞生了。在1994年， Netscape 由 Marc Andreessen 创立。他意识到网络需要变得更加动态。因此，认为需要为HTML提供一种“胶水语言”，以便让设计师和兼职程序员更容易进行网站设计。于是，该公司于1995年招募了 Brendan Eich ，打算将Scheme编程语言实现和嵌入到浏览器中。但是，在Brendan开始之前，该公司与 Sun Microsystems 合并，将Java添加到Navigator中，以便与微软在网络技术和平台上竞争。现在，有两种语言：Java和脚本语言。接下来，Netscape决定给脚本语言起一个与Java类似的名字，这就是’Javascript’。最后，在1995年5月，Marc Andreessen创造出了第一个Javascript代码，命名为’ Mocha ‘。后来，营销团队将其更名为’ LiveScript ‘。但是，出于商标原因和其他一些原因，在1995年12月，该语言最终更名为’JavaScript’。从那时起，JavaScript诞生了。

Javascript的应用

JavaScript用于创建交互式网站，主要用于以下方面：

• 客户端验证
• 动态下拉菜单
• 显示日期和时间
• 显示弹出窗口和对话框（如警示对话框、确认对话框和提示对话框）
• 显示时钟等

Javascript示例

<script>
document.write("Hello JavaScript by JavaScript");
</script>

下一章对第一个JavaScript示例给出了详细解释。

JavaScript索引

JavaScript教程

• JavaScript介绍
• JavaScript示例
• 外部JavaScript

JavaScript基础知识

• JavaScript注释
• JavaScript变量
• JavaScript全局变量
• JavaScript数据类型
• JavaScript运算符
• JavaScript If语句
• JavaScript开关语句
• JavaScript循环
• JavaScript函数

JavaScript对象

• JavaScript对象
• JavaScript数组
• JavaScript字符串
• JavaScript日期
• JavaScript数学
• JavaScript数字
• JavaScript布尔值
• JavaScript数据视图
• JavaScript函数
• JavaScript事件处理程序
• JavaScript JSON
• JavaScript数字
• JavaScript反射
• JavaScript正则表达式
• JavaScript符号

JavaScript BOM

• 浏览器对象
• 窗口对象
• 历史记录对象
• 导航器对象
• 屏幕对象

JavaScript DOM

• 文档对象
• getElementById
• getElementsByName
• getElementsByTagName
• JavaScript的innerHTML属性
• JavaScript的innerText属性

JavaScript验证

• JavaScript表单验证
• JavaScript电子邮件验证

JavaScript面向对象编程

• JavaScript类
• JavaScript对象
• JavaScript原型
• JavaScript构造函数方法
• JavaScript静态方法
• JavaScript封装
• JavaScript继承
• JavaScript多态
• JavaScript抽象

JavaScript Cookies

• JavaScript Cookies
• Cookie属性
• 同名Cookie
• 删除Cookie

JavaScript事件

• HTML/DOM事件

JavaScript杂项

• JavaScript的this关键字
• JavaScript调试
• JavaScript提升
• JavaScript严格模式

JavaScript进阶

• JavaScript TypedArray
• JavaScript Set
• JavaScript Map
• JavaScript WeakSet
• JavaScript WeakMap

JavaScript方法

JavaScript数组对象

• JavaScript数组
• 数组concat()方法
• 数组copywithin()方法
• 数组every()方法
• 数组fill()方法
• 数组filter()方法
• 数组find()方法
• 数组findIndex()方法
• 数组forEach()方法
• 数组includes()方法
• 数组indexOf()方法
• 数组join()方法
• 数组lastIndexOf()方法
• 数组map()方法
• 数组pop()方法
• 数组push()方法
• 数组reverse()方法
• 数组shift()方法
• 数组slice()方法
• 数组sort()方法
• 数组splice()方法
• 数组unshift()方法

JavaScript DataView对象

• JavaScript DataView
• DataView getFloat32()方法
• DataView getFloat64()方法
• DataView getInt8()方法
• DataView getInt16()方法
• DataView getInt32()方法
• DataView getUint8()方法
• DataView getUint16()方法
• DataView getUint32()方法

JavaScript Function对象

• JavaScript Function
• Function apply()方法
• Function bind()方法
• Function call()方法
• Function toString()方法

JavaScript Date对象

• JavaScript Date
• date getDate() 方法
• date getDay() 方法
• date getFullYears() 方法
• date getHours() 方法
• date getMilliseconds() 方法
• date getMinutes() 方法
• date getMonth() 方法
• date getSeconds() 方法
• date getUTCDate() 方法
• date getUTCDay() 方法
• date getUTCFullYears() 方法
• date getUTCHours() 方法
• date getUTCMinutes() 方法
• date getUTCMonth() 方法
• date getUTCSeconds() 方法
• date setDate() 方法
• date setDay() 方法
• date setFullYears() 方法
• date setHours() 方法
• date setMilliseconds() 方法
• date setMinutes() 方法
• date setMonth() 方法
• date setSeconds() 方法
• date setUTCDate() 方法
• date setUTCDay() 方法
• date setUTCFullYears() 方法
• date setUTCHours() 方法
• date setUTCMilliseconds() 方法
• date setUTCMinutes() 方法
• date setUTCMonth() 方法
• date setUTCSeconds() 方法
• date toDateString() 方法
• date toISOString() 方法
• date toJSON() 方法
• date toString() 方法
• date toTimeString() 方法
• date toUTCString() 方法
• date valueOf() 方法

JavaScript handler Object

• JavaScript处理程序
• 处理程序apply()方法
• 处理程序construct()方法
• 处理程序defineProperty()方法
• 处理程序deleteProperty()方法
• 处理程序get()方法
• 处理程序getOwnPropertyDescriptor()方法
• 处理程序getPrototypeOf()方法
• 处理程序has()方法
• 处理程序isExtensible()方法
• 处理程序ownKeys()方法
• 处理程序preventExtensions()方法
• 处理程序set()方法
• 处理程序setPrototypeOf()方法

JavaScript JSON对象

• JavaScript JSON
• JSON.parse()方法
• JSON.stringify()方法

JavaScript Map对象

• JavaScript Map
• Map clear()方法
• Map delete()方法
• Map entries()方法
• Map forEach()方法
• Map get()方法
• Map has()方法
• Map keys()方法
• Map set()方法
• Map values()方法

JavaScript Math对象

• JavaScript Math
• Math abs() 方法
• Math acos() 方法
• Math asin() 方法
• Math atan() 方法
• Math cbrt() 方法
• Math ceil() 方法
• Math cos() 方法
• Math cosh() 方法
• Math exp() 方法
• Math floor() 方法
• Math hypot() 方法
• Math log() 方法
• Math max() 方法
• Math min() 方法
• Math pow() 方法
• Math random() 方法
• Math round() 方法
• Math sign() 方法
• Math sin() 方法
• Math sinh() 方法
• Math sqrt() 方法
• Math tan() 方法
• Math tanh() 方法
• Math trunc() 方法

JavaScript Number 对象

• JavaScript Number
• Number isFinite() 方法
• Number isInteger() 方法
• Number parseFloat() 方法
• Number parseInt() 方法
• Number toExponential() 方法
• Number toFixed() 方法
• Number toPrecision() 方法
• Number toString() 方法

JavaScript RegExp 对象

• JavaScript RegExp
• RegExp.exec() 方法
• RegExp.test() 方法
• RegExp.toString() 方法

JavaScript Object

• JavaScript Object
• Object.assign() 方法
• Object.create() 方法
• Object.defineProperty() 方法
• Object.defineProperties() 方法
• Object.entries() 方法
• Object.freeze() 方法
• getOwnPropertyDescriptor() 方法
• getOwnPropertyDescriptors() 方法
• getOwnPropertyNames() 方法
• getOwnPropertySymbols() 方法
• Object.getPrototypeOf() 方法
• Object.is() 方法
• preventExtensions() 方法
• Object.seal() 方法
• Object.setPrototypeOf() 方法
• Object.values() 方法

JavaScript Reflect Object

• JavaScript Reflect
• Reflect.apply() 方法
• Reflect.construct() 方法
• Reflect.defineProperty() 方法
• Reflect.deleteProperty() 方法
• Reflect.get() 方法
• getOwnPropertyDescriptor() 方法
• Reflect.getPrototypeOf() 方法
• Reflect.has() 方法
• Reflect.isExtensible() 方法
• Reflect.ownKeys() 方法
• preventExtensions() 方法
• Reflect.set() 方法
• Reflect.setPrototypeOf() 方法

JavaScript Set Object

• JavaScript Set
• Set add() 方法
• Set clear() 方法
• Set delete() 方法
• Set entries() 方法
• Set forEach() 方法
• Set has() 方法
• Set values() 方法

JavaScript String Object

• String charAt() 方法
• String charAt() 方法
• String charCodeAt() 方法
• String concat() 方法
• String indexOf() 方法
• String lastIndexOf() 方法
• String search() 方法
• String match() 方法
• String replace() 方法
• String substr() 方法
• String substring() 方法
• String slice() 方法
• String toLowerCase() 方法
• toLocaleLowerCase() 方法
• String toUpperCase() 方法
• toLocaleUpperCase() 方法
• String toString() 方法
• String valueOf() 方法

JavaScript Symbol 对象

• JavaScript Symbol
• Symbol.for() 方法
• Symbol.keyFor() 方法
• Symbol.toString() 方法

Symbol 属性

• Symbol.hasInstance 属性
• isConcatSpreadable 属性
• Symbol.match 属性
• Symbol.prototype 属性
• Symbol.replace 属性
• Symbol.search 属性
• Symbol.split 属性
• Symbol.toStringTag 属性
• Symbol.unscopables 属性

JavaScript TypedArray 对象

• JavaScript TypedArray
• TypedArray copyWithin() 方法
• TypedArray entries() 方法
• TypedArray every() 方法
• TypedArray fill() 方法
• TypedArray filter() 方法
• TypedArray find() 方法
• TypedArray findIndex() 方法
• TypedArray forEach() 方法
• TypedArray includes() 方法
• TypedArray indexof() 方法
• TypedArray join() 方法
• TypedArray Keys() 方法
• TypedArray lastIndexof() 方法
• TypedArray map() 方法
• TypedArray reduce() 方法
• TypedArray reduceRight() 方法
• TypedArray reverse() 方法
• TypedArray set() 方法
• TypedArray Slice() 方法
• TypedArray some() 方法
• TypedArray sort() 方法
• TypedArray subarray() 方法
• TypedArray values() 方法
• toLocaleString() 方法
• TypedArray toString() 方法

JavaScript WeakMap Object

• JavaScript WeakMap
• WeakMap delete() 方法
• WeakMap get() 方法
• WeakMap has() 方法
• WeakMap set() 方法

JavaScript WeakSet Object

• JavaScript WeakSet
• WeakSet add() 方法
• WeakSet delete() 方法
• WeakSet has() 方法

先决条件

在深入学习 JavaScript 之前，您必须具备 HTML 的基本知识。

受众

我们为初学者和专业人士开发了这个 JavaScript 教程。其中给出了很多带有 JavaScript 编辑器的示例。因此，您可以轻松编辑 JavaScript 代码，这将有助于您轻松学习 JavaScript。

问题

我们向您保证，在我们的JavaScript教程中您不会找到任何问题。但是，如果您发现任何错误，可以在我们的评论部分发布。