- 博客(40)
- 收藏
- 关注
原创 arguments对象
1.arguments理解:arguments 对象实际上是所在函数的一个内置类数组对象,每个函数都有一个arguments属性,表示函数的实参集合,这里的实参是重点,就是执行函数时实际传入的参数的集合。该对象上面还有一个callee属性,指向当前方法自身。
2023-10-27 20:35:32
96
原创 什么是闭包函数
3.缺点:闭包会使函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,可能会导致内存泄露。2.优点:闭包因为长期驻扎在内存中。可以重复使用变量,不会造成变量污染。1.原理:就是能读取其他函数内部的变量。
2023-10-27 20:22:41
34
原创 通过ajax对象请求数据2:调用后台接口
1.先准备一个后台接口地址:http://www.bingjs.com:81/Student/GetAll2.展现学生信息:先制作一个表格,在请求数据,最后把数据添加到表格中。实现代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta.
2021-09-19 10:21:54
354
1
原创 通过ajax对象请求JSON格式的数据1
1.xxx.json文中,里面可以定义对象和数组。json文件中不能定义注释。注意:对象的属性名称必须用双引号引起来,字符串属性值必须用双引号引起来,不能使用单引号。{ "name":"周杰伦", "age":20, "gender":"男", "isVip":true}2.通过ajax对象请求本地的json文件,获取里面保存的数据步骤:1.创建XMLHttpRequest对象,该对象就是ajax对象 。2..初始化请求:通过open()方法初始化请求,该方...
2021-09-19 10:09:16
2234
原创 正则表达式里面的通配符
1.通配符:拥有特殊含义的字符。2.\d表示数字:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-15 10:34:16
1386
原创 正则表达式
1.正则表达式:定义一个匹配规则,用来匹配字符串中的内容。定义正则表达式,有两种方式:方式一:直接定义<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-09-15 10:03:09
118
原创 制作鼠标右键菜单
1.如何自己手动制作一个右键菜单。代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-13 16:31:43
179
原创 三级导航页面制作
1.根据每个省份获取城市信息,在根据每个城市信息获取区县信息。代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
2021-09-13 16:28:30
1073
原创 实现拖动框效果
1.在页面制作一个盒子,鼠标按下可以拖动,鼠标松开停止。代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.
2021-09-12 10:48:13
105
原创 选项卡案例
1.给所有的选项卡注册点击事件,在点击事件里面,切换选项卡的高亮和切换显示的内容。代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
2021-09-12 09:36:44
109
原创 鼠标相关事件
1.onclick鼠标点击事件:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-09-08 09:02:59
79
原创 轮播图案例
1.通过DOM显示轮播图效果,代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-09-08 08:48:03
76
原创 DOM创建和删除元素
1.createElement()方法,用于创建标签。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-06 14:57:59
247
原创 innerText和innerHTML属性的区别
1.innerText属性,用于设置或获取元素的文本内容。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-06 14:42:30
139
原创 DOM操作元素属性
1.设置元素自身的属性,可以直接设置。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-09-05 10:09:32
171
原创 获取DOM元素方法2
1.querySelector()方法,根据选择器的名称获取指定的dom元素。注意:如果选择器不唯一,返回的是第一个元素。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
2021-09-05 09:52:35
381
原创 获取DOM元素的方法
1.DOM文档对象模块,其实就是document对象,它里面提供了一些属性和方法用于操作当前网页2.操作dom有两个步骤:1.获取dom getElementById()方法,根据id选择器的名称获取指定的dom元素,如果该id名称不唯一,只能获取第一个元素。2.操作dom<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e...
2021-08-31 11:45:44
1038
原创 什么是对象数组
1.数组的空间里面存储是对象信息。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-31 11:19:26
958
原创 定义对象的方法
1.定义对象有两种方式:1.使用字面量方式直接定义2.使用构造函数创建对象 方式一:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device...
2021-08-25 10:44:11
2480
原创 数组的常用方法
1.forEach方法,用于遍历整个数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2021-08-25 10:17:16
69
原创 定义方法的方式 和 递归算法
1定义方法方式一:使用function关键字直接定义。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal
2021-08-22 10:00:35
71
原创 实现数组的方法
1.concat 用于拼接数组。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-22 09:51:37
316
原创 什么是函数?
1.函数:就是对一段程序的封装,对一段代码的封装,使用函数可以执行一个完整的任务。2.函数分为两类:系统函数和自定义函数 。例如 parseInt()就是一个系统函数,function就是定义自定义函数的关键字3.自定义函数的方式:注意(函数只需要定义一次,但是可以调用无数次。)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h...
2021-08-19 17:49:44
993
原创 创建日期对象
1.创建日期对象方法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-08-19 17:36:50
384
原创 Math 对象
1.Math对象用于执行数学任务 。2.PI属性用于返回圆周率<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi.
2021-08-19 17:18:02
121
原创 创建字符串和字符串的常用方法
1.创建字符串有两种方式:第一种方式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2021-08-16 17:03:28
1771
原创 数组的方法
1.concat()拼接数组,连接两个或更多的数组,并返回全新的数组:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini.
2021-08-15 09:17:38
70
原创 什么是数组
1.数组就是内存中的一组连续存储空间,用于存储一组连续的数据。2.创建数组的方式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid
2021-08-15 08:49:28
1176
原创 双重for循环的常见练习题
1.打印直角三角形。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
2021-08-11 09:42:28
1031
原创 for循环与循环的跳出语句
1.for循环,将循环变量,循环条件,迭代部分,统一放到一起写,中间用分号隔开。2.for循环的结构:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width.
2021-08-11 09:25:02
4409
原创 while 循环结构和do -while 循环结构
1.什么是循环结构:只要满足条件,就会重复执行的结构。2.while 循环结构的语法:while(循环条件){循环代码 }3.案例:输出10遍"好好学习,天天向上" 。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten...
2021-08-09 16:55:56
346
原创 switch选择结构
1.switch 选择结构也是用于多个判断条件,但是她比 if多重结构更加的简洁 。switch选择结构, 可以简化多重if选择结构的复杂语法,但是,它只能做等值判断,不能做区间判断。2.注意:switch里面的case,如果判断成功,后面的case就不会再继续判断了,而是直接执行后续 case里面的代码。所以,在每个case语句的最下面,需要添加break语句,表示跳出整个switch 结构。3.例如:请输入考试成绩名次,第1名,奖励手机一部,第2名,奖励mp4一个,...
2021-08-08 11:31:12
1100
原创 多重if 和 嵌套 if 选择结构
1.在实际开发中,如果判断的条件不止两个,这样我们就需要用到多重 if2.例如:如果你有500万存款,买宾利。如果你有300万存款,买奔驰。 有100万存款,买奥迪。如果你有50万存款,买大众。有10万存款, 买奥拓。否则买一辆捷安特。 代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-...
2021-08-08 11:13:29
978
原创 if 和 if-else选择结构
1.if选择结构的语法是:if(判断条件){满足条件后,执行的操作}2.示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
2021-08-07 14:33:17
897
原创 javaScript逻辑运算符和逻辑表达式
1.在javaScript中常用的逻辑运算符有:&&(与,并且) , || (或,或者) !(非,取反)2.逻辑运算符,返回的结果是boolean 类型:true
2021-08-07 14:18:23
403
原创 关系运算符和关系表达式
1.在javaScript中常用的关系运算符:(大于)> ,(大于等于)>=, (小于)<, (小于等于)<=, (等于)==,(不等于)!=,(恒等于)===,(恒不等于)!===2.所有的关系表达式返回的结果都是 boolean 类型 :也就是返回的结果都是:turn(真) 或 false(假)3比如:...
2021-08-07 14:07:20
201
原创 什么是变量
1.变量其实就是在内存里面申请一个合适的空间,用于存放对应的数据2.var:是定义变量的关键字用于声明变量。方式是:var 变量名 =值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor..
2021-08-05 18:57:44
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人