- 博客(15)
- 收藏
- 关注
原创 遇见DOM
目录什么是DOM一. 节点层级二. Document类型三. 获取元素1.通过id获取元素(getElementById)2.通过标签获取元素(getElementsByTagName)3.通过父集获取子元素4.通过class名获取元素(htmlCollection)5.通过选择器获取元素四. 获取(修改)元素自身的属性五. DOM事件处理程序1. 获取元素节点1. 获取父节点2. 获取兄弟节点3. 获取第一个(最后一个)子节点4...
2022-04-21 01:05:23
1125
原创 JavaScript 内置对象
一. math (数学对象)1. math常用方法 abs() 绝对值//math常用方法 abs() 绝对值Math.abs('-1'); // 1Math.abs(-2); // 2Math.abs(null); // 0Math.abs("string"); // NaNMath.abs(); // NaNconsole.log(Math.abs('-1'));2. math常用方法 ceil() 向上取整//math
2022-04-13 15:11:01
3652
原创 JavaScript 数组和字符串API方法
目录创建数组的几种方式1. 栈方法2. 队列方法3.数组的迭代器方法(es5新添加方法)创建数组的几种方式//基本用法let colors = new Array();//也可以直接指定数组的长度let colors = new Array(20); //指定了一个长度为20的数组 //也可以直接写数组的元素let colors = new Array("red","yellow","white");1. 栈方法概念:栈是一种后进先出的结构,也就是最近.
2022-04-11 13:44:36
1042
原创 JavaScript 对象字面量
目录一. 对象的基本用法二. 遍历对象三. 属性的类型1. 数据类型2. 访问浏览器属性3.定义多个属性4. 检测属性5.对象安全防护(对象拓展,对象密封,对象冻结)四.对象在实际应用中的表现概念:对象以键值对的形式存储数据。键也就是对象的属性,值就是一个具体的数据。一. 对象的基本用法// 通过Object方式创建let person = new Object();person.name = "小黑";person.age = 2...
2022-04-07 17:24:25
1146
原创 JavaScript 作用域/作用域链
目录一.概念:作用域的作用:二.1. 变量声名概念:2. 变量作用域的分类概念:3. 作用域链概念:案例:4. 变量和函数预解析:预解析案例:案例1:案例2:案例3:案例4:一.概念:定义了变量之后,变量会在一定范围里面起作用,这个起作用的范围就是作用域。script标签是最大的作用域,定义在这里的变量称为全局变量; 每个作用域定义的变量只能供当前作用域和下属作用域调用。作用域的作用:是...
2022-02-23 15:43:42
315
原创 JavaScript 函数
目录1. 函数:2 .函数的基本用法:3. 函数参数详解1. 函数:函数对于任何语言来说都是核心组件,因为它们可以封装语句,然后在任何地方,任何事件执行。ES6中的函数使用function关键字声明,后跟一组参数,然后是函数体。2 .函数的基本用法:function functionName(arg0,arg1,....,argN){statements}1. demo:基础案列:function sayHi(name...
2022-02-22 00:38:42
289
原创 JavaScript 数组
目录一. 概念二. 创建数组的几种方式三. 遍历数组四.二维数组一. 概念JavaScript中的数组(Array)与其他语言中的数组是有很大区别的,js中的数组可以存放任意的数据类型,数组的大小也是随着元素的增加动态增加的。二. 创建数组的几种方式1. 采用Array构造函数// 基本用法let color = new Array()// 也可以直接指定数组的长度let colors = new Array(20) // 指定了一个长度为20...
2022-02-14 17:52:57
436
原创 JavaScript循环语句
目录1.do-while2.while语句3.for语句4.for循环与while循环的关系5.break 和 continue6.双层for循环7.案例集合1.案列: 打印五行五列的星星2.案列: 打印倒三角形3.案列:打印等腰三角形1.do-while概念:do-while是一个后测试循环语句,既代码会先执行一次在对退出条件进行求值。换句话说就是最少执行一次。使用方法: do{ statement...
2021-10-20 13:50:13
419
原创 JavaScript操作符运算/流程控制语句
目录一.操作操作符1.关系操作符( > , < , <= , >= )2.相等操作符二.流程控制语句1.if语句2.三目运算符3.switch语句一.操作符运算1.关系操作符( > , < , <= , >= )let result = 5 > 3 // truelet result2 = 5 < 3 // false// 特殊用法let result3 = "book" < "apple
2021-10-19 22:29:30
104
原创 JavaScript 运算符(operator)
目录文章目录1.加性操作符2.减法操作符3.乘性操作符4.除法操作符5.取模操作符6.一元操作符7.布尔操作符1.加性操作符let result = 1+2 // 基础用法 数据求和let result = 5 + "5" // 用于字符串拼接// 容易犯错的案例let num1 = 5let num2 = 10let message = "我今年" + num1 + num2 + "岁了" // 数值运算和字符串拼接连用 记得加引号
2021-10-14 11:11:01
350
原创 JavaScript 数据类型/显示类型转换
1. 数据类型 基础数据类型 number 数字 string 字符串 boolean 布尔值 undefined 未定义 null 空指针 symbol 唯一值(新增) bigInt 大整数(新增) 引用数据类型 object 对象 使用 typeof 操作符可以用来检测数据的类型。Number类型JavaScript不区分整数、浮点数等,统一都叫Nu
2021-10-07 23:00:36
430
原创 JavaScript基础变量写法/弹窗写法
一、变量1. 基础写法解释let x = 10; (使用let关键词定义/声明一个变量x,并让它存储数字值10。) let的作用是定义变量,像这种在js语法中有作用的单词称之为关键词。 能定义变量的不仅仅只有let,还有const 以及 var,区别会在后续课程中比较,目前我们只使用let。 = 是赋值的意思,不是比较相等的意思。把 右边的数据 交给 左边变量 存起来。 赋值之后,变量就是对应值的代号了,使用变量相当于在使用对应的值。例如 x+20 得到的结果
2021-09-27 21:42:48
1129
原创 JavaScript基础知识
1. js代码写在哪里 页面script标签 <script>代码</script>(推荐) 或 <script type="text/javascript">代码</script>或 <script language="javascript">代码</script> 外部文件引入 创建:xxx.js 引入:<script src="路径/xxx.js"></scri..
2021-09-27 21:33:30
137
原创 了解JavaScript/JavaScript发展前景
1. 什么是JavaScriptJavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言。被广泛的应用于Web开发。2. JavaScript能做什么任何能够用JavaScript实现的应用系统,最终都必将用JavaScript实现---Atwood定律 前端领域 ajax出现之后 JavaScript有了在WEB领域立足的土壤和根基,时至今日。JavaScript已经是WEB前端领域最重要的基石,一切现代化的WEB项目都离不开JavaScript。.
2021-09-24 22:49:03
799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人