switch 语句用于基于不同条件执行不同动作. JavaScript Switch 语句 请使用 switch 语句来选择多个需被执行的代码块之一. 语法 switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块 } 代码解释: 计算一次 switch 表达式 把表达式的值与每个 case 的值进行对比 如果存在匹配,则执行关联代码 实例 getDay() 方法返回 0 至 6 之间的周名数字(weekday numb…

查找 HTML 元素 通常,通过 JavaScript,您需要操作 HTML 元素. 为了达成此目的,您需要首先找到这些元素.有好几种完成此任务的方法: 通过 id 查找 HTML 元素 通过标签名查找 HTML 元素 通过类名查找 HTML 元素 通过 CSS 选择器查找 HTML 元素 通过 HTML 对象集合查找 HTML 元素 通过 id 查找 HTML 元素 DOM 中查找 HTML 元素最简单的方法是,使用元素的 id. 本例查找 id="intro" 的元素: 实例 va…

break 语句“跳出”循环. continue 语句“跳过”循环中的一个迭代. Break 语句 在本教程稍早的章节中,您已见到了 break 语句.它被用于“跳出” switch 语句. break 语句也可用于跳出循环. break 语句会中断循环,并继续执行循环之后的代码(如果有): 实例 for (i = 0; i < 10; i++) { if (i === 3) { break; } text += "数字是 " + i + "<br>&quo…

条件语句用于基于不同条件执行不同的动作. 条件语句 在您写代码时,经常会需要基于不同判断执行不同的动作. 您可以在代码中使用条件语句来实现这一点. 在 JavaScript 中,我们可使用如下条件语句: 使用 if 来规定要执行的代码块,如果指定条件为 true 使用 else 来规定要执行的代码块,如果相同的条件为 false 使用 else if 来规定要测试的新条件,如果第一个条件为 false 使用 switch 来规定多个被执行的备选代码块 if 语句 请使用 if 语句来规定假如条件…

addEventListener() 方法 实例 添加当用户点击按钮时触发的事件监听器: document.getElementById("myBtn").addEventListener("click", displayDate); addEventListener() 方法为指定元素指定事件处理程序. addEventListener() 方法为元素附加事件处理程序而不会覆盖已有的事件处理程序. 您能够向一个元素添加多个事件处理程序. 您能够向一个元素添加多个相…

JavaScript 错误 - Throw 和 Try to Catch try 语句使您能够测试代码块中的错误. catch 语句允许您处理错误. throw 语句允许您创建自定义错误. finally 使您能够执行代码,在 try 和 catch 之后,无论结果如何. 错误总会发生! 当执行 JavaScript 代码时,会发生各种错误. 错误可能是程序员的编码错误,由错误输入引起的错误,或者由于其他不可预见的问题. 实例 在本例中,我们通过 adddlert 编写警告代码来故意制造了一个错…

JavaScript 比较和逻辑运算符 比较和逻辑运算符用于测试 true 或 false. 比较运算符 比较运算符在逻辑语句中使用,以判定变量或值是否相等. 我们给定 x = 5,下表中解释了比较运算符: 运算符 描述 比较 返回 == 等于 x == 8 false     x == 5 true     x == "5" true === 值相等并且类型相等 x === 5 true     x === "5" false != 不相等 x != 8 true…

实例 var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; } }; this 是什么? JavaScript this 关键词指的是它所属的对象. 它拥有不同的值,具体取决于它的使用位置: 在方法中,this 指的是所有者对象. 单独的…

JSON 是存储和传输数据的格式. JSON 经常在数据从服务器发送到网页时使用. 什么是 JSON? JSON 指的是 JavaScript Object Notation JSON 是轻量级的数据交换格式 JSON 独立于语言 * JSON 是“自描述的”且易于理解 * JSON 的语法是来自 JavaScript 对象符号的语法,但 JSON 格式是纯文本.读取和生成 JSON 数据的代码可以在任何编程语言编写的. JSON 实例 JSON 语法定义了一个雇员对象:包含三条员工记录的数组(…

循环可多次执行代码块. JavaScript 循环 假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用. 通常我们会遇到使用数组的例子: 不需要这样写: text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += cars[2] + "<br>"; text += cars[3] + "<br>"…

JavaScript 布尔(逻辑)代表两个值之一:true 或 false. 布尔值 通常,在编程中,您会需要只能有两个值之一的数据类型,比如 YES / NO ON / OFF TRUE / FALSE 鉴于此,JavaScript 提供一种布尔数据类型.它只接受值 true 或 false. Boolean() 函数 您可以使用 Boolean() 函数来确定表达式(或变量)是否为真: 实例 Boolean(10 > 9) // 返回 true 或者甚至更简单: 实例 (10 > 9) /…

JavaScript Math 对象允许您对数字执行数学任务. 实例 Math.PI; // 返回 3.141592653589793 Math.round() Math.round(x) 的返回值是 x 四舍五入为最接近的整数: 实例 Math.round(6.8); // 返回 7 Math.round(2.3); // 返回 2 Math.pow() Math.pow(x, y) 的返回值是 x 的 y 次幂: 实例 Math.pow(8, 2); // 返回 64 Math.sqrt()…

JavaScript 数组用于在单一变量中存储多个值. 实例 var cars = ["Saab", "Volvo", "BMW"]; 什么是数组? 数组是一种特殊的变量,它能够一次存放一个以上的值. 如果您有一个项目清单(例如,汽车品牌列表),在单个变量中存储汽车品牌应该是这样的: var car1 = "Saab"; var car2 = "Volvo"; var car3 = "BMW&qu…

正则表达式是构成搜索模式的字符序列. 该搜索模式可用于文本搜索和文本替换操作. 什么是正则表达式? 正则表达式是构成搜索模式(search pattern)的字符序列. 当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容. 正则表达式可以是单字符,或者更复杂的模式. 正则表达式可用于执行所有类型的文本搜索和文本替换操作. 语法 /pattern/modifiers; 实例 var patt = /Sysoft/i; 例子解释: /sysoft/i 是一个正则表达式. sysoft是模式(…

Number() 转换数值,String() 转换字符串,Boolean() 转换布尔值. JavaScript 数据类型 JavaScript 中有五种可包含值的数据类型: 字符串(string) 数字(number) 布尔(boolean) 对象(object) 函数(function) 有三种对象类型: 对象(Object) 日期(Date) 数组(Array) 同时有两种不能包含值的数据类型: null undefined typeof 运算符 您可以使用 typeof 运算符来确定 J…

只要条件为 true,循环能够一直执行代码块. While 循环 while 循环会一直循环代码块,只要指定的条件为 true. 语法 while (条件) { 要执行的代码块 } 实例 在下面的例子中,循环中的代码将运行,一遍又一遍,只要变量(i)小于 10: while (i < 10) { text += "数字是 " + i; i++; } 如果您忘了对条件中使用的变量进行递增,那么循环永不会结束.这会导致浏览器崩溃. Do/While 循环 do/while 循环是 w…

JavaScript 数组的力量隐藏在数组方法中. 把数组转换为字符串 JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串. 实例 var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.toString(); 结果 B…

HTML 事件是发生在 HTML 元素上的“事情”. 当在 HTML 页面中使用 JavaScript 时,JavaScript 能够“应对”这些事件. HTML 事件 HTML 事件可以是浏览器或用户做的某些事情. 下面是 HTML 事件的一些例子: HTML 网页完成加载 HTML 输入字段被修改 HTML 按钮被点击 通常,当事件发生时,用户会希望做某件事. JavaScript 允许您在事件被侦测到时执行代码. 通过 JavaScript 代码,HTML 允许您向 HTML 元素添加事件…

字符串值,数值,布尔值,数组,对象. JavaScript 数据类型 JavaScript 变量能够保存多种数据类型:数值.字符串值.数组.对象等等: var length = 7; // 数字 var lastName = "Gates"; // 字符串 var cars = ["Porsche", "Volvo", "BMW"]; // 数组 var x = {firstName:"Bill", las…

JavaScript 注释用于解释 JavaScript 代码,增强其可读性. JavaScript 注释也可以用于在测试替代代码时阻止执行. 单行注释 单行注释以 // 开头. 任何位于 // 与行末之间的文本都会被 JavaScript 忽略(不会执行). 本例在每条代码行之前使用单行注释: 实例 // 改变标题: document.getElementById("myH").innerHTML = "我的第一张页面"; // 改变段落: document.ge…

基础页面 为了演示如何通过 JavaScript 来创建 HTML 动画,我们将使用一张简单的网页: 实例 <!DOCTYPE html> <html> <body> <h1>我的第一部 JavaScript 动画</h1> <div id="animation">我的动画在这里.</div> </body> </html> 创建动画容器 所有动画都应该与容器元素关联. 实例 &…

数组迭代方法对每个数组项进行操作,听着挺高深,其实,就是对数组对象一次性逐一进行一种操作的一种叫法.(文章来源:www.sysoft.net.cn,加v:15844800162深度交流) Array.forEach() forEach() 方法为每个数组元素调用一次函数(回调函数). 实例 var txt = ""; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(va…

switch 语句用于基于不同的条件来执行不同的动作. JavaScript switch 语句 请使用 switch 语句来选择要执行的多个代码块之一.你可以在JavaScript编程实战中了解怎么使用switch语句进行多选项选择. 语法 switch(n) { case 1:  执行代码块 1 break; case 2:  执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } 工作原理:首先设置表达式 n(通常是一个变量).随后表达…

JavaScriptswitch语句 switch语句用于基于不同的条件来执行不同的动作. JavaScript switch 语句 使用switch语句可以进行多项选择. 语法: switch( 变量1 ){ case 变量2: //语句1; break; case 变量3:   //语句2; break; default:      //语句3; } 执行原理:变量1的值跟case 的值进行比较.比如 变量1等于case 变量2,就执行语句1.如果变量1等于 case 变量3 就执行语句2,…

JavaScript 语法是一套规则,它定义了 JavaScript 的语言结构. var x, y; // 如何声明变量 x = 7; y = 8; // 如何赋值 z = x + y; // 如何计算值 JavaScript 值 JavaScript 语句定义两种类型的值:混合值和变量值. 混合值被称为字面量(literal).变量值被称为变量. JavaScript 字面量 书写混合值最重要的规则是: 写数值有无小数点均可: 15.90 10011 字符串是文本,由双引号或单引号包围: "…

switch 语句用于根据多个不同条件执行不同动作. PHP Switch 语句 如果您希望有选择地执行若干代码块之一,请使用 switch 语句. 语法 switch (n) { case label1: 如果 n=label1,此处代码将执行; break; case label2: 如果 n=label2,此处代码将执行; break; default: 如果 n 既不等于 label1 也不等于 label2,此处代码将执行; } 工作原理:首先对一个简单的表达式 n(通常是变量)进行一…

switch 是一个条件语句,用于将一个表达式的求值结果与可能的值的列表进行匹配,并根据匹配结果执行相应的代码.可以认为 switch 语句是编写多个 if-else 子句的替代方式. 举例是说明问题最好的方式,让我们写一个简单的程序,输入手指编号,输出对应的手指名称:).例如 0 表示拇指,1 表示食指等. package main import ( "fmt" ) func main() { finger := switch finger { : fmt.Println("…

错误总会发生,每当您写一些新的计算机代码时. JavaScript 调试 在没有调试器的情况下写 JavaScript 是有难度的. 您的代码中也许包含了语法错误,或者逻辑错误,这些都难以诊断. 通常,如果 JavaScript 代码包含错误,也不会发生任何事情.不会有错误消息,并且不会有任何可供查找错误的指示信息. 通常,每当你尝试编写新的 JavaScript 代码,就可能发生错误. JavaScript 调试器 查找编程代码中的错误被称为代码调试. 调试并不简单.但幸运地是,所有现代浏览器…

AJAX AJAX 并不是编程语言. AJAX 是一种从网页访问 Web 服务器的技术. AJAX 代表异步 JavaScript 和 XML. AJAX 实例解释 HTML 页面 <!DOCTYPE html> <html> <body> <div id="demo"> <h2>让 AJAX 更改这段文本</h2> <button type="button" onclick="…

Math.random() 返回 0(包括) 至 1(不包括) 之间的随机数: 实例 Math.random(); // 返回随机数 JavaScript 随机整数 Math.random() 与 Math.floor() 一起使用用于返回随机整数. 实例 Math.floor(Math.random() * 10); // 返回 0 至 9 之间的数 实例 Math.floor(Math.random() * 11); // 返回 0 至 10 之间的数 实例 Math.floor(Math.…