JavaScript学习
关注
分享
扫一扫
文章平均质量分 72
JavaScript 是属于 HTML 和 Web 的编程语言。
自由与束缚JavaJavaScript
这个作者很懒，什么都没留下…
展开
-
001_JavaScript简介
1. JavaScript是因特网上最流行的脚本语言, 它存在于全世界所有Web浏览器中, 能够增强用户与Web站点和Web应用程序之间的交互。2. JavaScript是web开发者必学的三种语言之一:2.1. html定义网页的内容。2.2. CSS规定网页的布局。2.3. JavaScript对网页行为进行编程。...原创 2020-10-24 22:37:58 · 122 阅读 · 0 评论 -
002_JavaScript的历史
1. 为了发挥JavaScript的全部潜力, 了解它的本质、历史及局限性是十分重要的。2.Nombas和ScriptEase2.1. 大概在1992年, 一家称作Nombas的公司开发了一种叫做C减减(C-minus-minus, 简称Cmm)的嵌入式脚本语言。Cmm背后的理念很简单: 一个足够强大可以替代宏操作(macro)的脚本语言, 同时保持与C(和C ++)足够的相似性, 以便开发人员能很快学会。这个脚本语言捆绑在一个叫做CEnvi的共享软件中, 它首次向开发人员展示了这种语言的威力。原创 2020-10-24 22:38:30 · 198 阅读 · 0 评论 -
003_JavaScript实现
1. JavaScript的核心ECMAScript描述了该语言的语法和基本对象。2. DOM描述了处理网页内容的方法和接口。3. BOM描述了与浏览器进行交互的方法和接口。4. JavaScript组成4.1. 一个完整的JavaScript实现是由以下3个不同部分组成的:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM)5. ECMAScript5.1. ECMAScript并不与任何具体浏览器相绑定, 仅仅是一个描述, 定义了脚本语言的所有原创 2020-10-31 11:12:02 · 134 阅读 · 0 评论 -
004_JavaScript版本
1. JavaScript由Brendan Eich于1995年发明, 并于1997年成为ECMA标准。2. ECMAScript版本2.1. ECMAScript是JavaScript语言的核心。2.2. ECMAScript是JavaScript语言的官方标准。2.3. ECMAScript是JavaScript语言的官方名称。2.4. ECMAScript版本2.5. ECMAScript通常缩写为ES。2.6. 从2015年起, ECMAScript按年命名(ECMA原创 2020-12-22 17:04:17 · 134 阅读 · 0 评论 -
005_JavaScript使用
1. <script>标签1.1. 在html中, JavaScript代码必须位于<script>与</script>标签之间。1.2. 实例<script>document.getElementById("demo").innerHTML = "我的第一段 JavaScript";</script>1.3. 旧的JavaScript例子也许会使用type属性: <script type="text/javascrip原创 2020-10-24 22:40:29 · 134 阅读 · 1 评论 -
006_JavaScript注释
1. JavaScript注释用于解释JavaScript代码, 增强其可读性。2. JavaScript注释也可以用于在测试替代代码时阻止执行。3. 单行注释3.1. 单行注释以//开头。3.2. 任何位于//与行末之间的文本都会被JavaScript忽略(不会执行)。3.3. 实例// 改变标题： document.getElementById("myH").innerHTML = "我的第一张页面";// 改变段落： document.getElementById("m原创 2020-10-24 22:41:32 · 113 阅读 · 0 评论 -
007_JavaScript关键字和保留字
1. JavaScript关键字1.1. JavaScript关键字是语言保留的一些有特殊作用的词语, 共语言本身使用。因此关键字不能被用作变量名或函数名。1.2. JavaScript关键字的完整列表如下:breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewi.原创 2020-10-31 11:07:44 · 207 阅读 · 0 评论 -
008_JavaScript输出
1. JavaScript显示方案1.1. 使用window.alert()写入警告框。1.2. 使用console.log()写入浏览器控制台。1.3. 使用innerHTML写入html元素。1.4. 使用document.write()写入html输出。2. 使用window.alert()2.1. 您能够使用警告框来显示数据。2.2. 实例<!DOCTYPE html><html> <head> <title>原创 2020-11-01 19:06:45 · 198 阅读 · 0 评论 -
009_JavaScript语句、表达式和代码块
1. JavaScript程序1.1. 计算机程序是由计算机"执行"的一系列"指令"。1.2. 在编程语言中, 这些编程指令被称为语句。1.3. JavaScript程序就是一系列的编程语句。1.4. 在html中, JavaScript程序由web浏览器执行。2. JavaScript语句2.1. JavaScript 语句由以下构成: 值、运算符、表达式、关键词和注释。2.2. 实例var value = 1 + 2; // 1+2是算数表达式2.3. 大多数Jav原创 2020-10-31 12:19:26 · 240 阅读 · 0 评论 -
010_JavaScript变量
1. JavaScript变量是存储数据值的容器。2. 使用var关键字声明变量。声明之后, 变量是没有值的:var carName;3. 如需赋值给变量, 请使用等号:carName = "porsche";4. 可以在声明变量时向它赋值:var carName = "porsche";在这个例子中, 声明了变量carName, 并把它的值初始化为"porsche"(字符串)。由于JavaScript是弱类型的, 所以解释程序会为carName自动创建一个字符串值, 无需原创 2020-10-31 12:22:20 · 155 阅读 · 0 评论 -
011_JavaScript数据类型
1. JavaScript有5种数据类型: 字符串值, 数值, 布尔值, 数组, 对象。2. JavaScript布尔值2.1. 布尔值只有两个值: true或false。2.2. 实例var x = true;var y = false;原创 2020-11-01 19:08:58 · 138 阅读 · 0 评论 -
012_原始值和引用值
1. 在JavaScript中, 变量可以存在两种类型的值, 即原始值和引用值。2. 原始值2.1.存储在栈(stack)中的简单数据段, 也就是说, 它们的值直接存储在变量访问的位置。2.2.JavaScript有5种原始类型(primitive type), 即Undefined、Null、Boolean、Number和String。2.3.typeof运算符对于null值会返回"Object"。这实际上是JavaScript最初实现中的一个错误。现在, null被认为是对象的占位...原创 2020-11-13 13:34:16 · 155 阅读 · 0 评论 -
013_JavaScript函数
1. JavaScript函数是被设计为执行特定任务的代码块。2. JavaScript函数会在某代码调用它时被执行。3. 为何使用函数?3.1. 您能够对代码进行复用: 只要定义一次代码, 就可以多次使用它。3.2. 您能够多次向同一函数传递不同的参数, 以产生不同的结果。4. JavaScript函数语法4.1. JavaScript函数是由这样的方式进行声明的: 关键字function、函数名、括号()包含的一组参数, 以及置于大括号{}中的待执行代码。4.2. 函数名可包原创 2020-11-06 12:50:59 · 155 阅读 · 0 评论 -
014_if语句
1. if语句1.1. if语句的语法:if (condition) statement1 else statement21.2. 其中condition可以是任何表达式, 计算的结果甚至不必是真正的boolean值, JavaScript会把它转换成boolean值。1.3. 如果条件计算结果为true, 则执行statement1; 如果条件计算结果为false, 则执行statement2。1.4. 每个语句都可以是单行代码, 也可以是代码块。1.5. 串联多个if语句语法:原创 2020-11-06 12:55:16 · 158 阅读 · 0 评论 -
015_JavaScript的四种迭代语句
1. 迭代语句又叫循环语句, 声明一组要反复执行的命令, 直到满足某些条件为止。2. do-while语句2.1. do-while语句是后测试循环, 即退出条件在执行循环内部的代码之后计算。这意味着在计算表达式之前, 至少会执行循环主体一次。2.2. 它的语法如下:do {statement} while (expression);2.3. 例子:2.3.1. 代码<!DOCTYPE html><html> <head> <原创 2020-11-06 12:59:28 · 775 阅读 · 0 评论 -
016_continue和break语句
1. break和continue语句对循环中的代码执行提供控制。2. continue语句2.1. continue语句退出当前循环, 根据控制表达式还允许继续进行下一次循环。2.2. 例子:2.2.1. 代码<!DOCTYPE html><html> <head> <title>continue语句</title> <meta charset="utf-8" /> </head> &原创 2020-11-06 13:01:20 · 125 阅读 · 0 评论 -
017_标签语句
1. 可以给语句添加标签, 之后被break或continue语句引用, 对代码进行控制。2. 语法label : statement3. continue标签语句例子:3.2.1. 代码<!DOCTYPE html><html> <head> <title>continue标签语句</title> <meta charset="utf-8" /> </head> <body&g原创 2020-11-06 13:03:34 · 238 阅读 · 0 评论 -
018_switch语句
1. switch语句1.1. switch语句是if语句的兄弟语句。1.2. switch语句的语法:switch (expression) case value: statement; break; case value: statement; break; case value: statement; break; case value: statement; break;... case value: statement;原创 2020-11-06 13:05:33 · 271 阅读 · 0 评论 -
019_with语句
1. with语句用于设置代码在特定对象中的作用域。2. 它的语法:with (expression) statement3. 实例3.1. 代码var str = 'hello';with(str) { document.write(toUpperCase()); // 输出"HELLO"}3.2. 在这个例子中, with语句用于字符串, 所以在调用toUpperCase()方法时, 解释程序将检查字符串对象是否有toUpperCase()方法, 因为字符串对象有原创 2020-12-23 18:22:44 · 446 阅读 · 0 评论 -
020_字符串
1. JavaScript字符串用于存储和操作文本。2. JavaScript字符串是引号中的零个或多个字符。var x = "";var y = "Bill Gates";3. 您能够使用单引号或双引号:var x = "It's good to see you again!";var y = 'He is called "Bill"';5. 转义字符5.1. 转义字符(\)把特殊字符转换为字符串字符:5.2. 转义字符(\)也可用于在字符串中插入其他特殊字符:原创 2020-11-08 23:54:38 · 278 阅读 · 0 评论 -
021_字符串方法
1. 查找字符串中的字符串1.1. indexOf()方法返回字符串中指定文本首次出现的索引(位置)。1.2. lastIndexOf()方法返回指定文本在字符串中最后一次出现的索引。1.3. 如果未找到文本, indexOf()和lastIndexOf()均返回-1。1.4. JavaScript从零计算位置。1.5. 两种方法都接受作为检索起始位置的第二个参数。var str = "The full name of China is the People's Republic原创 2020-11-09 00:03:28 · 470 阅读 · 0 评论 -
022_JavaScript数字
1. JavaScript只有一种数值类型Number。(没有其它语言的short、int、long、float、double)2. 书写数值时带不带小数点均可。3. JavaScript数值始终是64位的浮点数3.1. JavaScript数值始终以双精度浮点数来存储, 根据国际IEEE 754标准。3.2. 此格式用64位存储数值, 其中0到51存储数字(片段), 52到62存储指数, 63位存储符号:3.3. 整数类型的范围: -2^53-2^53(包含边界)。也即从最小值-9原创 2020-11-09 00:11:11 · 270 阅读 · 0 评论 -
023_JavaScript数字方法
1. toString()方法1.1. toString()以字符串返回数值。1.2. 例子1.2.1. 代码<!DOCTYPE html><html> <head> <title>JavaScript数字-toString()方法</title> <meta charset="utf-8" /> </head> <body> <script type="text/ja原创 2020-11-09 08:57:38 · 173 阅读 · 0 评论 -
024_JavaScript数组
1. JavaScript数组用于在单一变量中存储多个值。2. 创建数组2.1. 简单数组使用中括号[]包含项, 多个项用逗号分割:var array-name = [item1, item2, ...];2.2. 实例var cars = ["Saab", "Volvo", "BMW"];3. 访问数组元素3.1. 我们通过引用索引号(下标号)来引用某个数组元素。3.2. 数组索引从0开始。[0]是数组中的第一个元素, [1]是第二个, 依此类推。3.3. 实例原创 2020-11-09 09:02:08 · 299 阅读 · 0 评论 -
025_JavaScript数组方法
1. 把数组转换为字符串1.1. JavaScript方法toString()把数组转换为数组值(逗号分隔)的字符串。var fruits = ["Banana", "Orange", "Apple", "Mango"];document.write(fruits.toString());1.2. join()方法也可将所有数组元素结合为一个字符串。它的行为类似toString(), 但是您还可以规定分隔符。var fruits = ["Banana", "Orange","Apple原创 2020-11-09 09:07:56 · 140 阅读 · 0 评论 -
026_JavaScript数组排序
1. 数组排序1.1. sort()方法以字母顺序对数组进行排序。1.2. reverse()方法反转数组中的元素。1.3. 我们可以给sort()方法传递一个比值函数, 数字数组排序。1.4. 对数字数组进行升序排序var points = [40, 100, 1, 5, 25, 10];points.sort(function(a, b){return a - b});1.5. 对数字数组进行降序排序var points = [40, 100, 1, 5, 25, 10原创 2020-11-09 09:09:26 · 182 阅读 · 0 评论 -
027_JavaScript数组迭代
1. forEach()方法1.1. forEach()方法为数组每个元素调用一次函数(回调函数)。1.2. forEach()方法调用函数接受3个参数, 按顺序依次是: 项目值、项目索引、数组本身。如果没有需要, 还可以省略后面2个参数。1.3. 实例1.3.1. 代码<!DOCTYPE html><html> <head> <title>forEach()方法</title> <meta charset=原创 2020-11-09 09:13:57 · 156 阅读 · 0 评论 -
028_运算符
1. 用逗号运算符可以在一条语句中执行多个运算。2. 例如:var iNum1 = 1, iNum = 2, iNum3 = 3;3. 逗号运算符常用变量声明中。原创 2020-11-06 13:06:31 · 116 阅读 · 0 评论 -
029_一元运算符
1. 一元运算符只有一个参数, 即要操作的对象或值。它们是JavaScript中最简单的运算符。2. 一元加法(+)2.1. 一元加法的用法与您数学中学到的用法相同。2.2. 一元加法对数字无作用。2.3. 一个有趣的效果, 一元加法会把字符串类型的数字转换成数值类型的数字。2.4. 一元加法可以把十六进制字符串类型的数字正确的转换成数字, 但是不能把八进制的字符串类型的数字正确的转换成数字, 把八进制的字符串当作十进制转换。2.5. 实例2.5.1. 代码<!DOC原创 2020-11-06 18:24:35 · 1004 阅读 · 0 评论 -
030_加性运算符
1. 在多数程序设计语言中, 加性运算符(即加号或减号)通常是最简单的数学运算符。2. 加法运算符2.1. 加法运算符由加号(+)表示。2.2. 加法运算符相加两个数字和我们数学中的加法运算没有什么区别。var result = 1 + 2; // result是32.3. 在处理特殊值时, JavaScript中的加法也有一些特殊行为:2.3.1. 如果两个运算数都是字符串, 把第二个字符串连接到第一个上。2.3.2. 如果只有一个运算数是字符串, 把另一个运算数转换成字符串原创 2020-11-08 23:41:20 · 243 阅读 · 0 评论 -
031-乘性运算符
1. 乘法运算符1.1. 乘法运算符由星号(*)表示, 用于两数相乘。1.2. JavaScript中的乘法还有一些特殊行为:1.2.1. 如果运算数是数字, 那么执行常规的乘法运算, 即两个正数或两个负数为正数, 两个运算数符号不同, 结果为负数。1.2.2. 如果结果太大或太小, 那么生成的结果是Infinity或-Infinity。1.2.3. 如果某个运算数是NaN, 结果为NaN。1.2.4. Infinity乘以0, 结果为NaN。1.2.5. Infinity乘以0原创 2020-11-08 23:38:15 · 452 阅读 · 0 评论 -
032_逻辑运算符
1. 逻辑运算符有三种: NOT(!)、AND(&&)和OR(||)。2. ToBoolean 操作2.1. 抽象操作ToBoolean将其参数按照下表中的规则转换为逻辑值:3. 逻辑NOT运算符3.1. 在JavaScript中, 逻辑NOT运算符都由感叹号(!)表示。3.2. 在JavaScript中, 逻辑NOT运算符返回的一定是Boolean值。3.3. 逻辑NOT运算符的行为如下:3.3.1. 如果运算数是对象, 返回false。3.3.2. 如原创 2020-11-07 08:17:47 · 486 阅读 · 0 评论 -
033_关系运算符
1. 关系运算符执行的是比较运算。每个关系运算符都返回一个布尔值。2. 常规比较方式2.1. 关系运算符小于(<)、大于(>)、小于等于(<=)和大于等于(>=)执行的是两个数的比较运算, 比较方式与算术比较运算相同。2.2. 实例var bResult1 = 2 > 1 // truevar bResult2 = 2 < 1 // falsevar bResult3 = 2 >= 2 // truevar bResult4 = 2 <原创 2020-11-08 23:45:41 · 189 阅读 · 0 评论 -
034_等性运算符
1. 判断两个变量是否相等是程序设计中非常重要的运算。在处理原始值时, 这种运算相当简单, 但涉及对象, 任务就稍有点复杂。2. JavaScript提供了两套等性运算符: 等号和非等号用于处理原始值, 全等号和非全等号用于处理对象。3. 等号和非等号3.1. 在JavaScript中, 等号由双等号(==)表示, 当且仅当两个运算数相等时, 它返回true。3.2. 非等号由感叹号加等号(!=)表示, 当且仅当两个运算数不相等时, 它返回true。3.3. 等号和非等号为确定两个运算数原创 2020-11-08 23:48:28 · 148 阅读 · 0 评论 -
035_位运算符
1. 位运算符是在数字底层(即二进制数)进行操作的。2. 重温整数2.1. JavaScript整数有两种类型, 即有符号整数(允许用正数和负数)和无符号整数(只允许用正数)。2.2. 所有整数字面量都默认存储为有符号整数。只有JavaScript的位运算符才能创建无符号整数。2.3. JavaScript整数在进行位运算时, 是32位整数(非64位浮点数)。2.4. 有符号整数使用31位表示整数的数值。用第32位表示整数的符号, 0表示正数, 1表示负数。数值范围从-214748364原创 2020-11-06 18:32:27 · 179 阅读 · 0 评论 -
036_赋值运算符
1. 简单的赋值运算符由等号(=)实现, 只是把等号右边的值赋予等号左边的变量。2. 复合赋值运算符是由乘性运算符、加性运算符或位移运算符加等号(=)实现的:乘法/赋值(*=) 除法/赋值(/=) 取模/赋值(%=) 加法/赋值(+=) 减法/赋值(-=) 左移/赋值(<<=) 有符号右移/赋值(>>=) 无符号右移/赋值(>>>=)3. 复合赋值运算是乘性运算、加性运算或位移运算计算表达式的简写形式。2. 实例2.1. 代码.原创 2020-11-08 23:51:38 · 221 阅读 · 0 评论 -
037_条件运算符
1. 条件运算符1.1. 语法variable = boolean_expression ? true_value : false_value;1.2. 该表达式主要是根据boolean_expression的计算结果有条件地为变量赋值。如果Boolean_expression为true, 就把true_value赋给变量; 如果它是false, 就把false_value赋给变量。2. 实例2.1. 代码<!DOCTYPE html><html> &原创 2020-11-08 23:49:55 · 162 阅读 · 0 评论 -
038_JavaScript对象
1. JavaScript对象1.1. 对象包含很多值的变量。1.2. 值按照名称 : 值对的形式编写(名称和值以冒号分隔)。1.3. JavaScript对象是命名值的集合。2. 使用对象字面量2.1. 使用对象文字, 您可以在一条语句中定义和创建对象。对象文字指的是花括号{}中的名称:值对(比如 age:62)。2.2. 下面的例子创建带有四个属性的新的JavaScript对象:var person = {firstName:"Bill", lastName:"Gates"原创 2020-11-09 09:18:22 · 172 阅读 · 0 评论 -
039_JavaScript对象访问器
1. JavaScript访问器(Getter和Setter)1.1. Getter(get关键词)来获取属性的值。// 创建对象var person = { firstName: "Bill", lastName : "Gates", language : "en", get lang() { return this.language; }};// 使用getter来显示来自对象的数据document.getElementById("demo").inner原创 2020-11-09 09:21:03 · 172 阅读 · 0 评论 -
040_面向对象
1. 面向对象术语1.1. 对象1.1.1. JavaScript把对象(object)定义为"属性的无序集合, 每个属性存放一个原始值、对象或函数"。1.1.2. 在JavaScript中, 对象由属性(attribute)构成, 属性可以是原始值, 也可以是引用值。如果属性存放的是函数, 它将被看作对象的方法(method), 否则该属性被看作对象的属性(property)。1.2. 类: 每个对象都由类定义, 可以把类看做对象的配方。类不仅要定义对象的接口(interface)(开发者原创 2020-11-16 19:02:46 · 98 阅读 · 0 评论