Aaaabt的博客

JS学习笔记-数组 Array可以包含任意的数据类型 var arr = [1,2,3,4,5,6] 长度 arr.length 注意：假如给arr.length赋值，数组大小就会发生变化，如果赋值变小，则元素丢失 indexOf()，通过元素获得下标索引 arr.indexOf(2) 1 **slice()**截取Array的一部分，返回一个新数组，类似String中的substring,[x,x) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F3A

JS学习笔记-函数 定义函数 定义方式一 绝对值函数 function abs(x){ if(x > 0) return x; else return -x; } 一旦执行return代表函数结束，返回结果 如果没有执行return，函数执行完也会返回结果，结果即为undefined 定义方式二 var abs = function(x){ //这是一个匿名函数，但可以将结果赋值给abs，通过abs可调用函数 if(x > 0)

JS学习笔记-操作表单 表单是什么 form 文本框 text 下拉框 select 单选框 radio 多选框 checkbox 隐藏域 hidden 密码框 password … 表单的目的：提交信息 获取表单的信息 <form> <span>用户名：</span> <input id="username" type="text"><br/> <span>性别：&lt

JS学习笔记-操作DOM对象 DOM:文档对象模型 浏览器网页就是一个DOM树形结构 核心 更新：更新一个DOM节点 遍历：得到DOM节点 删除：删除一个DOM节点 添加：添加一个新的节点 要想操作一个DOM节点，就必须先获得这个DOM节点 获得DOM节点 // 对应CSS选择器 var h1 = document.getElementsByTagName('h1'); var p1 = document.getElementById('p1'); var p2 = document.getE

JS学习笔记-操作BOM对象 JavaScript与浏览器的关系： ​ JavaScript的诞生就是为了能够让其在浏览器中运行 BOM：browser object model 浏览器对象模型 IE 6~11 Chrome Safari FireFox (linux默认) 三方 QQ浏览器 360浏览器 window(重要) window 代表浏览器窗口 window.alert() window.innerHeight //浏览器窗口内部高度 window.innerW

JS学习笔记-Map和Set Map的定义 var stus = new Map([['stu1',20],['stu2',50],['stu3',80]]); var stu = stus.get('stu1'); //通过key获得value console.log(stu); 20 stus.set('stu4',90); //像Map stus中添入一组数据 stu = stus.get('stu4'); console.log(stu); 90 stus.delete('stu1'); /

JS学习笔记-JQuery JQuery库，里面存在着大量的JavaScript函数 获取JQuery <!--cdn引入--> <script src="https://cdn.bootcss.com/jquery/3.4.1/core.js"></script> 公式 $(selector).action() //选择器就是CSS的选择器 <a href="" id="cli">点击此处</a> <script> $(

JS学习笔记-Iterator 使用Iterator遍历数组 // 通过for of 具体元素/for in 下标 var arr = [3,4,5]; for(var x of arr){ console.log(x); } 3 4 5 遍历Map(只可用这个) var map = new Map([['s1',20],['s2',30],['s3',50]]); for(let x of map){ console.log(x); } ['s1',100] ['s2',30]

JS学习笔记-Date 基本使用 var now = new Date(); // Sat May 01 2021 21:39:33 GMT+0800 (中国标准时间) now.getFullYear(); now.getMonth(); now.getDate(); now.getDay(); now.getHours(); now.getMinutes(); now.getSeconds(); now.getTime(); // 时间戳 全世界统一 1970-01-01 00:00:00 至今的毫

JS学习笔记-class继承 class关键字 是在ES6之后引入的 定义一个类，属性，方法 class student{ constructor(name){ this.name = name; } hello(){ alert('hello'); } } var alb = new student("alb"); var bbb = new student("bbb"); alb.hello(); 继承 clas