javascript
javascript开发学习
menglong0329
不止于技术,不止于代码!
展开
-
JavaScript39:对象
JavaScript对象JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。所有事物都是对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。 数字型可以是一个对象。 字符串也可以是一个对象 日期是一个对象 数学和正则表达式也是对象 数组是一个对象 甚至函数也可以是对象JavaScript 对象对象只是一.原创 2020-05-21 14:54:04 · 173 阅读 · 0 评论 -
JavaScript37:函数调用
JavaScript函数调用JavaScript 函数有 4 种调用方式。每种方式的不同在于this的初始化。this关键字一般而言,在Javascript中,this指向函数执行时的当前对象。注意this是保留关键字,你不能修改this的值。调用 JavaScript 函数在之前的章节中我们已经学会了如何创建函数。函数中的代码在函数被调用后执行。作为一个函数调用function myFunction(a, b) { return a * b...原创 2020-05-15 13:57:52 · 129 阅读 · 0 评论 -
JavaScript36:函数参数
JavaScript函数参数JavaScript 函数对参数的值没有进行任何的检查。函数显式参数(Parameters)与隐式参数(Arguments)在先前的教程中,我们已经学习了函数的显式参数:functionName(parameter1, parameter2, parameter3) { // 要执行的代码……}函数显式参数在函数定义时列出。函数隐式参数在函数调用时传递给函数真正的值。参数规则JavaScript 函数定义显式参数时没有指定数据类型。.原创 2020-05-15 13:45:56 · 174 阅读 · 0 评论 -
JavaScript35:函数定义
JavaScript函数定义JavaScript 使用关键字function定义函数。函数可以通过声明定义,也可以是一个表达式。函数声明在之前的教程中,你已经了解了函数声明的语法 :function functionName(parameters) { 执行的代码}函数声明后不会立即执行,会在我们需要的时候调用到。function myFunction(a, b) { return a * b;}分号是用来分隔可执行JavaScript语句。由于函...原创 2020-05-15 13:38:10 · 125 阅读 · 0 评论 -
JavaScript35:代码规范
JavaScript 代码规范所有的 JavaScript 项目适用同一种规范。JavaScript 代码规范代码规范通常包括以下几个方面:变量和函数的命名规则 空格,缩进,注释的使用规则。 其他常用规范……规范的代码可以更易于阅读与维护。代码规范一般在开发前规定,可以跟你的团队成员来协商设置。变量名变量名推荐使用驼峰法来命名(camelCase):firstName = "John";lastName = "Doe";price = 19.90;tax =原创 2020-05-15 13:11:18 · 105 阅读 · 0 评论 -
JavaScript34:javascript:void(0)
javascript:void(0)含义我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢?javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。语法格式如下:<head><script type="text/javascript"><.原创 2020-05-15 13:11:11 · 372 阅读 · 0 评论 -
JavaScript33:JSON
JavaScriptJSONJSON 是用于存储和传输数据的格式。JSON 通常用于服务端向网页传递数据 。什么是 JSON?JSON 英文全称JavaScriptObjectNotation JSON 是一种轻量级的数据交换格式。 JSON是独立的语言* JSON 易于理解。* JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。 文本可以被任何编程语言读取及作为数据格式传递。 JSON 实例以下 JSON 语法定义了 sites...原创 2020-05-15 13:11:04 · 204 阅读 · 0 评论 -
JavaScript32:let 和 const
JavaScript let 和 constECMAScript 2015(ECMAScript 6)ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let和const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量,一旦声明,常量的值就不能改变。在 ES6 之前,JavaScript 只有两种作用域:全局变量与函数内的局部变量。全局变量在函数外声明的变量作用域是全局的:var carName =...原创 2020-05-15 13:10:39 · 109 阅读 · 0 评论 -
JavaScript30:保留关键字
JavaScript保留关键字在 JavaScript 中,一些标识符是保留关键字,不能用作变量名或函数名。JavaScript 标准所有的现代浏览器完全支持 ECMAScript 3(ES3,JavaScript 的第三版,从 1999 年开始)。ECMAScript 4(ES4)未通过。ECMAScript 5(ES5,2009 年发布),是 JavaScript 最新的官方版本。随着时间的推移,我们开始看到,所有的现代浏览器已经完全支持 ES5。JavaScript 保留.原创 2020-05-14 20:35:59 · 193 阅读 · 0 评论 -
JavaScript29:验证API
JavaScript 验证 API约束验证 DOM 方法Property Description checkValidity() 如果 input 元素中的数据是合法的返回 true,否则返回 false。 setCustomValidity() 设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。 使用 setCustomValidity 设置了自定义提示后,validity.customError 就会变成t原创 2020-05-14 20:30:04 · 121 阅读 · 0 评论 -
JavaScript28:表单验证
JavaScript 表单验证JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。表单数据经常需要使用 JavaScript 来验证其正确性:验证表单数据是否为空? 验证输入是否是一个正确的email地址? 验证日期是否输入正确? 验证表单输入内容是否为数字型?验证是否有输入: <script> function myFunction() { var str = document.fo原创 2020-05-14 16:56:37 · 201 阅读 · 0 评论 -
JavaScript26:使用误区
JavaScript使用误区赋值运算符应用错误在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。if条件语句返回false(是我们预期的)因为 x 不等于 10:var x = 0;if (x == 10)if条件语句返回true(不是我们预期的)因为条件语句执行为 x 赋值 10,10 为 true:var x = 0;if (x = 10)if...原创 2020-05-14 16:56:20 · 124 阅读 · 0 评论 -
JavaScript25: JavaScript 严格模式(use strict)
JavaScript 严格模式(use strict)JavaScript 严格模式(strict mode)即在严格的条件下运行。使用 "use strict" 指令"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。"use strict" 的目的是指定代码在严格条件下执行。严格模式下你不能使用未声明的变量。支持严格模式的浏览器: In原创 2020-05-14 16:46:38 · 127 阅读 · 0 评论 -
JavaScript24: 变量提升
JavaScript 变量提升JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。以下两个实例将获得相同的结果:实例 1x = 5; // 变量 x 设置为 5elem = document.getElementById("demo"); // 查找元素elem.innerHTML = x; // 在元素中显示 xvar x; // 声明 x转载 2020-05-14 16:46:31 · 77 阅读 · 0 评论 -
JavaScript23: 调试
JavaScript 调试没有调试工具是很难去编写 JavaScript 程序的。你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。JavaScript 调试工具在程序代码中寻找错误叫做代码调试。调试很难,但幸运的是,很多浏览器都内置了调试工具。内置的调试工具可以开始或关闭,严重的错误信息会发送给用户。有了调试工具,我们就可以设置断点 (代码停止执行的位置)原创 2020-05-14 16:46:21 · 121 阅读 · 0 评论 -
JavaScript22: 错误
JavaScript错误 - throw、try 和 catchtry语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误。finally语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。JavaScript 错误当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。可能是语法错误,通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。可能是由于...原创 2020-05-14 16:46:09 · 144 阅读 · 0 评论 -
JavaScript21: 正则表达式
JavaScript正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则表达式?正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。语法/正则表达式主体/修饰符(可选)其中修饰符是可选的。实例var patt = /runoob/i实例解析:/runoob/i 是一个..原创 2020-05-14 16:13:54 · 129 阅读 · 0 评论 -
JavaScript20: 类型转换
JavaScript类型转换Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。JavaScript 数据类型在 JavaScript 中有 6 种不同的数据类型:string number boolean object function symbol3 种对象类型:Object Date Array2 个不包含任何值的数据类型:null undefinedtypeof 操作符你可以使用typeof操作符...原创 2020-05-13 08:57:34 · 122 阅读 · 0 评论 -
JavaScript19: typeof
JavaScripttypeof, null, 和 undefinedtypeof 操作符检测变量的数据类型:typeof "John" // 返回 stringtypeof 3.14 // 返回 numbertypeof false // 返回 booleantypeof [1,2,3,4] // 返回 objecttypeof {name:'John', age.原创 2020-05-13 08:58:04 · 81 阅读 · 0 评论 -
JavaScript17:for循环
JavaScriptfor 循环循环可以将代码块执行指定的次数。如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。我们可以这样输出数组的值:一般写法:document.write(cars[0] + "<br>"); document.write(cars[1] + "<br>"); document.write(cars[2] + "<br>"); document.write(cars[3] + "<.原创 2020-05-13 08:58:35 · 92 阅读 · 0 评论 -
JavaScript16:switch 语句
JavaScriptswitch语句switch 语句用于基于不同的条件来执行不同的动作。语法switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 case 1 和 case 2 不同时执行的代码}工作原理:首先设置表达式n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。...原创 2020-05-13 08:58:46 · 128 阅读 · 0 评论 -
JavaScript15:条件语句
JavaScriptif...Else语句条件语句用于基于不同的条件来执行不同的动作。条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句- 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句- 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else if....else 语句- 使用该语句来选择多个...原创 2020-05-13 08:58:56 · 89 阅读 · 0 评论 -
JavaScript14:比较
JavaScript比较和逻辑运算符比较和逻辑运算符用于测试true或者false。比较运算符比较运算符在逻辑语句中使用,以测定变量或值是否相等。x=5,下面的表格解释了比较运算符:运算符 描述 比较 返回值 == 等于 x==8 false x==5 true === 绝对等于(值和类型均相等) x==="5" false x===5 true != 不等于 x!=8 ...原创 2020-05-13 08:59:08 · 80 阅读 · 0 评论 -
JavaScript13:运算符
JavaScript运算符运算符 = 用于赋值。运算符 + 用于加值。实例指定变量值,并将值相加:y=5;z=2;x=y+z;在以上语句执行后,x的值是:7JavaScript 算术运算符y=5,下面的表格解释了这些算术运算符:运算符 描述 例子 x 运算结果 y 运算结果 + 加法 x=y+2 7 5 - 减法 x=y-2 3 5 * 乘法 x=y*2 1..原创 2020-05-13 08:59:18 · 129 阅读 · 0 评论 -
JavaScript12:字符串
JavaScript字符串字符串用于存储和处理文本。声明字符串,值可以用双引号也可以用单引号,意义相同:var carname = "Volvo XC60";var carname = 'Volvo XC60';获取字符串中的某个字符:var character = carname[7];字符串字符索引是从0开始的,依次类推。可以在字符串中使用引号,只要不和声明字符串的引号相同即可:var answer = "It's alright";var answer = .原创 2020-05-13 08:59:32 · 132 阅读 · 0 评论 -
JavaScript11:事件
JavaScript事件HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。HTML 事件HTML 事件可以是浏览器行为,也可以是用户行为。以下是 HTML 事件的实例:HTML 页面完成加载 HTML input 字段改变时 HTML 按钮被点击通常,当事件发生时,你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性,使用 J.原创 2020-05-13 08:59:41 · 130 阅读 · 0 评论 -
JavaScript10:作用域
作用域是可访问变量的集合在JavaScript中,对象和函数也是变量。在JavaScript中,作用域为变量、对象、函数的集合JavaScript函数作用域:作用域在函数内修改。JavaScript 局部作用域变量在函数内声明,变量为局部作用域。局部变量:只能在函数内部访问。// 此处不能调用 carName 变量function myFunction() { var carName = "Volvo"; // 函数内可调用 carName 变量}因为局原创 2020-05-12 19:57:27 · 127 阅读 · 1 评论 -
JavaScript9:函数
JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试实例</title><script>function myFunction(){ alert("Hello World!");}</script></head> .原创 2020-05-12 19:48:06 · 271 阅读 · 0 评论 -
JavaScript8:对象
JavaScript对象JavaScript 对象是拥有属性和方法的数据。JavaScript 对象在 JavaScript中,几乎所有的事物都是对象。以下代码为变量car设置值为 "Fiat" :var car = "Fiat";对象也是一个变量,但对象可以包含多个值(多个变量)。var car = {type:"Fiat", model:500, color:"white"};在以上实例中,3 个值 ("Fiat", 500, "white") 赋予变量 car...原创 2020-05-12 17:11:17 · 90 阅读 · 0 评论 -
JavaScript7:数据类型
JavaScript数据类型值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。JavaScript 拥有动态类型JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:var x; // x 为 undefinedvar x = 5; /.原创 2020-05-12 17:01:59 · 92 阅读 · 0 评论 -
JavaScript6:变量
JavaScript变量变量是用于存储信息的"容器"。就像代数那样x=5y=6z=x+y在代数中,我们使用字母(比如 x)来保存值(比如 5)。通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。在 JavaScript 中,这些字母被称为变量。var x=5;var y=6;var z=x+y;命名规范变量必须以字母开头 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做) 变量名称对大小写敏感(y 和 Y 是不同的变量)JavaScri原创 2020-05-12 16:44:52 · 157 阅读 · 0 评论 -
JavaScript5:注释
JavaScript 注释JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。单行注释以//开头。本例用单行注释来解释代码:// 输出标题:document.getElementById("myH1").innerHTML="欢迎来到我的主页";// 输出段落:document.getElementById("myP").innerHTML="这是我的第一个段落。";JavaScript 多行注释多行注释以...原创 2020-05-12 16:26:12 · 137 阅读 · 0 评论 -
JavaScript4:语句
JavaScript 语句JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" :document.getElementById("demo").innerHTML = "你好 Dolly";分号 ;分号用于分隔 JavaScript 语句。通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。实例:原创 2020-05-12 16:20:12 · 163 阅读 · 0 评论 -
JavaScript3:语法
JavaScript 是一个脚本语言。它是一个轻量级,但功能强大的编程语言。JavaScript 字面量在编程语言中,一般固定值称为字面量,如 3.14。数字(Number)字面量可以是整数或者是小数,或者是科学计数(e)。 <p id="myp"></p> <script> // 字面量 document.getElementById("myp").innerHTML = 3.14; <.原创 2020-05-12 16:11:25 · 176 阅读 · 0 评论 -
JavaScript2:输出
JavaScript 可以通过不同的方式来输出数据:使用window.alert()弹出警告框。 使用document.write()方法将内容写到 HTML 文档中。 使用innerHTML写入到 HTML 元素。 使用console.log()写入到浏览器的控制台。使用window.alert()弹出警告框。 // 使用弹框展示数据 window.alert(5+6);使用document.write()方法将内容写到 HT...原创 2020-05-12 15:35:11 · 82 阅读 · 0 评论 -
JavaScript1:用法
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。<body> 中的 JavaScriptJavaScript 在页面加载时向 HTML 的 <body> 写文本:<body> <script> document.write("<h1>向body中添加一个原创 2020-05-12 15:16:07 · 456 阅读 · 0 评论