JS学习笔记
文章平均质量分 76
前端小实战
这个作者很懒,什么都没留下…
展开
-
JS学习笔记十二——DOM 操作
一、DOM 操作DOM 全名为 Document Object Model,是一整套操作文档流相关内容的属性和方法,这些方法可以用于操作元素修改样式、修改属性、改变位置、添加事件等。DOM 操作内容:获取元素可以确定要操作的元素,是重要步骤。方式:(1)根据 id 名获取:document.getElementById(‘id 名称’) 可以获取文档流中 id 名对应的一个元素,若有 id 对应的元素,则返回值为该元素,若没有 id 对应的元素,则返回值是 null;(2)根据元素类名获取原创 2022-02-07 20:41:07 · 356 阅读 · 0 评论 -
JS学习笔记十一——BOM 操作
BOM 操作BOM 操作是指操作浏览器相关的内容,其操作范畴包括了:浏览器滚动条、页面历史会退和前进、开启新标签页和关闭当前标签页等。BOM 全名为 Browser Object Model,是一整套操作浏览器相关内容的属性和方法,这些方法可以用于操作浏览器历史记录、滚动条、页面跳转、标签页的开启和关闭等。BOM 操作内容:获取浏览器的可视窗口尺寸可视窗口指的是除控制台和浏览器头部外,可显示页面内容的窗口位置,其中包含了浏览器滚动条。原创 2022-02-07 17:44:47 · 1709 阅读 · 2 评论 -
JS学习笔记十——时间常用方法
前言时间本身是 JS 中的一个数据类型 Date,是一种引用数据类型,其创建方式有两种:一是 new Date(),创建时间对象,且为当前终端的时间,即电脑时间;二是 new Date(年,月,日,时,分,秒),通过传递参数来创建一个指定时间节点的时间对象,其中,月份为 0 - 11 表示 1 - 12 月一、时间常用方法JS 中提供的可对时间快速操作的方法。(一)获取时间getFullYear()语法:时间对象.getFullYear()作用:获取到时间对象中的年份信息返回值:时间对象原创 2022-02-07 16:34:15 · 1274 阅读 · 0 评论 -
JS学习笔记九——数字常用方法
一、数字常用方法JS 中提供的可对数字快速操作的方法。random()语法:Math.random()作用:获取 0 - 1 之间的随机小数,包含 0,但不包含 1返回值:0 - 1 之间的随机小数注意:小数点后最多只保留 17 位round()语法:Math.round(数字)作用:对数字进行四舍五入的取整返回值:四舍五入后的整数ceil()语法:Math.ceil(数字)作用:对数字进行向上取整返回值:向上取整后的整数原创 2022-02-07 15:54:05 · 592 阅读 · 0 评论 -
JS学习笔记八——字符串常用方法
一、字符串常用方法JS 中提供的可对字符串快速操作的方法,所有方法都不会改变原始字符串,且都以返回值形式出现结果,其中,方法7 - 9作用一致,但参数不同。charAt()语法:字符串.charAt(索引)作用:获取对应索引位置的字符返回值:对应索引位置的字符toLowerCase()语法:字符串.toLowerCase()作用:将字符串中的所有字母转换为小写返回值:转换好的字符串toUpperCase()语法:字符串.toUpperCase()作用:将字符串中的所有字母转换为大写原创 2022-02-07 15:37:27 · 345 阅读 · 0 评论 -
JS学习笔记七——数组排序
数组排序前言一、冒泡排序二、选择排序三、结语前言数组排序指的是通过排序算法将数组从乱序变为有规律的顺序,数组排序分为很多种,其中包括了冒泡排序和选择排序。数组的相关知识可见数组具体介绍一、冒泡排序思路步骤(1)把数组的前两个数据拿出来比较,例如:使用大于比较运算符比较,若结果为 false,什么都不做,若结果为 true,则交换两个数字的位置,使得较小的数字位置靠前;(2)重复第一步操作,继续比较后面的数字,直到比较到最后的位置,表示一轮结束,此时,数组中最大的数字一定在最后一位;原创 2022-02-07 14:31:15 · 497 阅读 · 0 评论 -
JS学习笔记六——数组常用方法
一、数组常用方法JS 中提供的可对数组快速操作的方法。push()语法:数组名.push(数据)作用:将数据追加到数组的末尾返回值:追加数据后数组的最新长度pop()语法:数组名.pop()作用:删除数组的最后一个数据返回值:被删除的数据unshift()语法:数组名.unshift(数据)作用:在数组的最前方添加一个数据返回值:添加数据后数组的最新长度shift()语法:数组名.shift()作用:删除数组最前面的一个数据返回值:被删除的数据原创 2022-02-06 22:40:16 · 243 阅读 · 0 评论 -
JS学习笔记五——JavaScript 数据类型
JavaScript 数据类型 一、数据类型介绍 二、基本数据类型 三、引用数据类型 四、数据类型转换一、数据类型介绍JS 中分为基本数据类型和引用数据类型,基本数据类型中又细分为数值类型、字符串类型、布尔类型和空类型。JS 中要想检测变量的数据类型,需要使用 typeof 关键字,其语法为:typeof 要检测的变量;所得结果便是该变量存储的数据对应的数据类型。注意:空类型中,undefined 的数据类型是 undefined,而 null 的数据类型是 object。原创 2022-02-06 22:17:16 · 312 阅读 · 0 评论 -
JS学习笔记四——函数及作用域
JavaScript 函数及作用域一、函数介绍二、递归函数三、作用域一、函数介绍函数是 JS 中的一个数据类型,其就类似一个盒子,其中可以承载一段代码,通过函数名来区分不同的函数。函数分为两个阶段,函数定义阶段和函数调用阶段,函数在定义后不会立即执行其中的代码,只在函数调用后才执行相应代码。函数定义阶段函数定义是指把代码装在函数中,并通过给函数命名,来确定一个函数。当函数想要返回一个值时,可以设置 return 语句放置返回的结果。原创 2022-02-06 21:34:58 · 296 阅读 · 0 评论 -
JS学习笔记三——条件语句与循环语句
JavaScript 条件语句与循环语句一、条件分支语句二、循环结构语句根据条件选择执行哪些代码。if 语句常与 else 搭配,if 后的条件为 true 时,执行紧邻的{ }中的代码,为 false 时,紧邻的后方有 else 语句,则执行 else 中的代码,没有 else 时不执行代码书写形式:(1)if(){…}(2)if(){…} else {…}(3)if(){…} else if(){…}(4)if(){…} else if(){…} els原创 2022-02-06 17:31:15 · 177 阅读 · 0 评论 -
JS学习笔记二——JavaScript 基础知识
一、JavaScript 变量 二、JavaScript 的输出 三、JavaScript 运算符变量是指在程序运行过程中,让计算机保存一个中间值。语法:var 变量名 = 变量值;注意:1、变量可二次赋值,即设新的变量值;2、变量只可由数字、字母、下划线、美元符号组成;3、变量不能以数字开头;4、变量严格区分大小写,同字母不同大小写的变量名不同;5、变量不能是关键字,如:var;6、变量名尽量有意义,可为英文或拼音,不可为拼音缩写;原创 2022-02-06 16:21:17 · 191 阅读 · 0 评论 -
JS学习笔记一——JavaScript 组成部分及书写位置
JavaScript的组成部分BOM、DOM、ECMAScript 是 JavaScript 的三大核心组成部分。三大组成部分:1、BOM(Browser Object Model)指的是操作浏览器的内容,例如:控制网页滚动条滚动,网页的滚动条是浏览器自带的内容,而不是人为代码生成的。2、DOM(Document Object Model)指的是操作文档流的内容,例如:JS操控轮播图定时切换。3、ECMAScript 是 JS 代码的书写语法与规则。JavaScript 书写位置 1. 行内式原创 2022-02-04 23:17:26 · 251 阅读 · 0 评论