JavaScript 编程基础
文章平均质量分 83
JavaScript学习笔记
梁辰兴
深情不及久伴,紘爱无需多言。
展开
-
JavaScript 教程 (详细 全面)
JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。HTML 用来定义网页的内容,例如标题、正文、图像等;CSS 用来控制网页的外观,例如颜色、字体、背景等;JavaScript 用来实时更新网页中的内容,例如从服务器获取数据并更新到网页中,修改某些标签的样式或其中的内容等,可以让网页更加生动。JavaScript 诞生于 1995 年,几乎是和互联网同时出现;原创 2022-10-31 18:59:08 · 78720 阅读 · 16 评论 -
JavaScript 用法
HTML 中的脚本必须位于 标签之间。脚本可被放置在 HTML 页面的 和 部分中。如需在 HTML 页面中插入 JavaScript,请使用 和 会告诉 JavaScript 在何处开始和结束。 和 之间的代码行包含了 JavaScript:您无需理解上面的代码。只需明白,浏览器会解释并执行原创 2023-01-03 21:18:19 · 335 阅读 · 0 评论 -
JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。原创 2023-01-03 21:33:14 · 503 阅读 · 0 评论 -
JavaScript 变量
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。未使用值来声明的变量,其值实际上是 undefined。当您向变量赋的值是数值时,不要使用引号。JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。在代数中,我们使用字母(比如 x)来保存值(比如 5)。原创 2023-01-03 21:33:57 · 531 阅读 · 0 评论 -
JavaScript 条件语句
当时间小于 20:00 时,生成问候 “Good day”,否则生成问候 “Good evening”。您已经告诉浏览器只有在指定条件为 true 时才执行代码。else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。请使用小写的 if。else 语句来选择多个代码块之一来执行。只有当指定条件为 true 时,该语句才会执行代码。条件语句用于基于不同的条件来执行不同的动作。原创 2023-01-04 09:05:17 · 541 阅读 · 0 评论 -
JavaScript 错误
如果值是错误的,会抛出一个异常(错误)。如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。当错误发生时,当事情出问题时,JavaScript 引擎通常会停止,并生成一个错误消息。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。实例 在下面的例子中,我们故意在try块的代码中写了一个错字。可能是语法错误,通常是程序员造成的编码错误或错别字。可能是由于来自服务器或用户的错误输出而导致的错误。语句测试代码块的错误。原创 2023-01-05 22:23:14 · 446 阅读 · 0 评论 -
JavaScript 输出
document.getElementById(“demo”) 是使用 id 属性来查找 HTML 元素的 JavaScript 代码。如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。” 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 “Console” 菜单。注:程序中调试是测试,查找及减少bug(错误)的过程。原创 2023-01-06 07:09:15 · 340 阅读 · 0 评论 -
JavaScript 语法
后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后JavaScript 扩展中会用到。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。在 HTML 中,JavaScript 语句向浏览器发出的命令。在编程语言中,一个字面量是一个常量,如 3.14。原创 2023-01-06 07:20:24 · 331 阅读 · 0 评论 -
JavaScript 注释
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。JavaScript 注释可用于提高代码的可读性。多行注释以 /* 开始,以 */ 结尾。JavaScript 不会执行注释。单行注释以 // 开头。原创 2023-01-06 22:08:33 · 682 阅读 · 0 评论 -
JavaScript 数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。布尔常用在条件测试中。您将在本教程稍后的章节中学到更多关于条件测试的知识。您将在本教程的高级部分学到更多关于字符串的知识。您将在本教程稍后的章节中学到更多关于数组的知识。原创 2023-01-06 22:15:30 · 186 阅读 · 0 评论 -
JavaScript 对象
实例实例。原创 2023-01-06 22:26:15 · 601 阅读 · 0 评论 -
JavaScript 函数
根据您点击的不同的按钮,上面的例子会提示 “Welcome Harry Potter, the Wizard” 或 “Welcome Bob, the Builder”。(该变量的作用域是局部的)。您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。第一个变量就是第一个被传递的参数的给定的值,以此类推。myVar 变量的值是 5,也就是函数 “myFunction()” 所返回的值。在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。原创 2023-01-07 06:55:45 · 651 阅读 · 0 评论 -
JavaScript 作用域
注意:你的全局变量,或者函数,可以覆盖 window 对象的变量或者函数。如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。JavaScript 函数作用域: 作用域在函数内修改。函数参数只在函数内起作用,是局部变量。变量在函数内声明,变量为局部作用域。变量在函数外定义,即为全局变量。原创 2023-01-07 06:56:15 · 711 阅读 · 1 评论 -
JavaScript 事件
当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。注意:在 HTML DOM 章节中你将会学到更多关于事件及事件处理程序的知识。更多事件列表: JavaScript 参考手册 - HTML DOM 事件。在事件触发时 JavaScript 可以执行一些代码。HTML 事件可以是浏览器行为,也可以是用户行为。HTML 事件是发生在 HTML 元素上的事情。原创 2023-01-07 19:39:13 · 388 阅读 · 1 评论 -
JavaScript 字符串
但我们也可以使用 new 关键字将字符串定义为一个对象: var firstName = new String(“John”)原始值可以使用 JavaScript 的属性和方法,因为 JavaScript 在执行方法和属性时可以把原始值当作对象。通常, JavaScript 字符串是原始值,可以使用字符创建: var firstName = “John”原始值字符串,如 “John”, 没有属性和方法(因为他们不是对象)。转义字符 () 可以用于转义撇号,换行,引号,等其他特殊字符。反斜杠是一个转义字符。原创 2023-01-08 07:20:48 · 312 阅读 · 0 评论 -
JavaScript 运算符
如需把两个或多个字符串变量连接起来,请使用 + 运算符。运算符 = 用于给 JavaScript 变量赋值。运算符用于把文本值或字符串变量加起来(连接起来)。赋值运算符用于给 JavaScript 变量赋值。规则:如果把数字与字符串相加,结果将成为字符串!算术运算符 + 用于把值加起来。原创 2023-01-08 07:50:21 · 286 阅读 · 0 评论 -
JavaScript 比较 和 逻辑运算符
如果变量 age 中的值小于 18,则向变量 voteable 赋值 “年龄太小”,否则赋值 “年龄已达到”。JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。比较和逻辑运算符用于测试 true 或者 false。比较运算符在逻辑语句中使用,以测定变量或值是否相等。逻辑运算符用于测定变量或值之间的逻辑。原创 2023-01-12 23:30:49 · 495 阅读 · 0 评论 -
JavaScript switch 语句
工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。请使用 switch 语句来选择要执行的多个代码块之一。switch 语句用于基于不同的条件来执行不同的动作。原创 2023-01-23 21:02:47 · 198 阅读 · 0 评论 -
JavaScript while 循环
do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。注:如果您忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。while 和 do/while 的区别 : do/while至少会执行一遍。别忘记增加条件中所用变量的值,否则循环永远不会结束!while 循环会在指定条件为真时循环执行代码块。原创 2023-01-23 21:03:23 · 859 阅读 · 0 评论 -
JavaScript Break 和 Continue 语句
如果将break换成continue会有惊喜,违反了明确中的第二点,因为list只是个普通代码块,而不是循环。continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。当 break 和 continue 同时用于循环时,没有加标签,此时默认标签为当前”循环”的代码块。continue 的作用是进入下一个迭代, 所以 continue 只能用于循环的代码块。有了标签,可以使用break和continue在多层循环的时候控制外层循环。break 语句可用于跳出循环。原创 2023-01-24 22:57:27 · 1184 阅读 · 0 评论 -
JavaScript typeof
注意:在JavaScript中,数组是一种特殊的对象类型。因此 typeof [1,2,3,4] 返回 object。任何变量都可以通过设置值为 undefined 来清空。类型为 undefined.在 JavaScript 中, undefined 是一个没有设置值的变量。注意:用 typeof 检测 null 返回是object。typeof 一个没有值的变量会返回 undefined。null是一个只有一个值的特殊类型。表示一个空对象引用。你可以使用 typeof 操作符来检测变量的数据类型。原创 2023-01-24 23:02:55 · 380 阅读 · 0 评论 -
JavaScript 类型转换
Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。当 JavaScript 尝试操作一个 “错误” 的数据类型时,会自动转换为 “正确” 的数据类型。字符串包含数字(如 “3.14”) 转换为数字 (如 3.14).Number 方法 toString() 也是有同样的效果。全局方法 String() 可以将布尔值转换为字符串。Date 方法 toString() 也有相同的效果。全局方法 String() 可以将数字转换为字符串。原创 2023-02-07 20:05:51 · 695 阅读 · 0 评论 -
JavaScript 正则表达式
正则表达式描述了字符的模式对象。当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置,以及要检索的字符类型,等等。原创 2023-02-07 20:28:56 · 595 阅读 · 0 评论 -
JavaScript 调试
在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量的值。通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。通常,浏览器启用调试工具一般是按下 F12 键,并在调试菜单中选择 “Console”。有了调试工具,我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。调试很难,但幸运的是,很多浏览器都内置了调试工具。原创 2023-02-09 20:39:25 · 1827 阅读 · 0 评论 -
JavaScript 变量提升
实例 2 的 y 输出了 undefined,这是因为变量声明 (var y) 提升了,但是初始化(y = 7) 并不会提升,所以 y 变量是一个未定义的变量。为了避免这些问题,通常我们在每个作用域开始前声明这些变量,这也是正常的 JavaScript 解析步骤,易于我们理解。JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。变量提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。原创 2023-02-09 20:47:11 · 950 阅读 · 0 评论 -
JavaScript 严格模式(use strict)
另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。JavaScript 严格模式(strict mode)即在严格的条件下运行。因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错。“use strict” 的目的是指定代码在严格条件下执行。原创 2023-02-09 21:01:25 · 338 阅读 · 0 评论 -
JavaScript 使用误区
site : "csdn博客" , url : "www.csdn.net" , like : 460 , }site : "csdn博客" , url : "www.csdn.net" , like : 460 }原创 2023-02-14 09:00:56 · 353 阅读 · 0 评论 -
JavaScript 表单
HTML5 新增了 HTML 表单的验证方式:约束验证(constraint validation)。客户端数据验证 side validation是在数据发送到服务器前,在浏览器上完成验证。HTML 表单验证可以通过 JavaScript 来完成。数据验证可以使用不同方法来定义,并通过多种方式来调用。约束验证是表单被提交时浏览器用来实现验证的一种算法。HTML 表单验证也可以通过浏览器来自动完成。服务端数据验证是在数据提交到服务器上后再验证。数据验证用于确保用户输入的数据是有效的。原创 2023-02-14 10:31:23 · 240 阅读 · 0 评论 -
JavaScript 表单验证
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。意思就是说,输入的数据必须包含 @ 符号和点号(.)。JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。下面的函数检查输入的数据是否符合电子邮件地址的基本语法。原创 2023-02-14 10:35:59 · 460 阅读 · 0 评论 -
JavaScript 验证 API
【代码】JavaScript 验证 API。原创 2023-02-15 07:59:41 · 91 阅读 · 0 评论 -
JavaScript 保留关键字
Javascript 的保留关键字不可以用作变量、标签或者函数名。所有的现代浏览器完全支持 ECMAScript 3(ES3,JavaScript 的第三版,从 1999 年开始)。除此之外,您还应该避免使用 HTML 事件句柄的名称作为 Javascript 的变量及函数名。在 JavaScript 中,一些标识符是保留关键字,不能用作变量名或函数名。除了保留关键字,在 JavaScript 实现中也有一些非标准的关键字。随着时间的推移,我们开始看到,所有的现代浏览器已经完全支持 ES5。原创 2023-02-15 08:00:09 · 262 阅读 · 0 评论 -
JavaScript JSON
JSON 英文全称 JavaScript Object NotationJSON 是一种轻量级的数据交换格式。JSON是独立的语言 *JSON 易于理解。注意:JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。原创 2023-02-15 08:00:26 · 152 阅读 · 0 评论 -
JavaScript void
javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢?当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。原创 2023-02-15 08:00:43 · 650 阅读 · 0 评论 -
JavaScript 代码规范
其他 Web 服务器 (Microsoft, IIS) 对大小写不敏感: london.jpg 可以通过 London.jpg 或 london.jpg 访问。大多 Web 服务器 (Apache, Unix) 对大小写敏感: london.jpg 不能通过 London.jpg 访问。HTML5 属性可以以 data- (如:data-quantity, data-price) 作为前缀。JavaScript 中通常推荐使用驼峰法,jQuery 及其他 JavaScript 库都使用驼峰法。原创 2023-02-19 12:08:14 · 1399 阅读 · 0 评论 -
JavaScript HTML DOM 事件
首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。在上面的例子中,名为 displayDate 的函数被分配给 id=“myBtn” 的 HTML 元素。我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。原创 2023-02-24 14:15:26 · 528 阅读 · 0 评论 -
JavaScript HTML DOM 简介
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。原创 2023-02-24 14:15:10 · 434 阅读 · 0 评论 -
JavaScript HTML DOM 改变 HTML
在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。注意:绝对不要在文档加载完成之后使用 document.write()。HTML DOM 允许 JavaScript 改变 HTML 元素的内容。修改 HTML 内容的最简单的方法时使用 innerHTML 属性。我们使用 HTML DOM 来获得 id=“header” 的元素。JavaScript 更改此元素的内容 (innerHTML)上面的 HTML 文档含有 id=“header” 的。原创 2023-02-24 14:13:36 · 410 阅读 · 0 评论 -
JavaScript HTML DOM 改变 CSS
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。HTML DOM 允许我们通过触发事件来执行代码。在接下来的章节,你会学到更多关于事件的知识。原创 2023-02-24 14:13:24 · 107 阅读 · 0 评论 -
JavaScript HTML DOM EventListener
addEventListener() 方法允许你在 HTML DOM 对象添加事件监听, HTML DOM 对象如: HTML 元素, HTML 文档, window 对象。当你使用 addEventListener() 方法时, JavaScript 从 HTML 标记中分离开来,可读性更强, 在没有控制HTML标记时也可以添加事件监听。addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。你可以向同个元素添加多个同类型的事件句柄,如:两个 “click” 事件。原创 2023-02-24 14:14:30 · 672 阅读 · 0 评论 -
JavaScript 库
JavaScript 库 - jQuery、Prototype、MooTools。JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。为了应对这些调整,许多的 JavaScript (helper) 库应运而生。这些 JavaScript 库常被称为 JavaScript 框架。在本教程中,我们将了解到一些广受欢迎的 JavaScript 框架:所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。jQuery 是目前最原创 2023-02-24 14:14:08 · 540 阅读 · 0 评论