JavaScript 教程

2024年03月22日 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年, NetscapeMarc 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教程中您不会找到任何问题。但是,如果您发现任何错误,可以在我们的评论部分发布。

本文链接:http://so.lmcjl.com/news/162/

展开阅读全文
上一篇:Java 教程 下一篇:jQuery 教程