JavaScript
JavaScript
AbtYee
编程嘛 编就完了
展开
-
JS学习笔记-数组
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原创 2021-05-17 13:36:57 · 160 阅读 · 0 评论 -
JS学习笔记-函数
JS学习笔记-函数定义函数定义方式一绝对值函数function abs(x){ if(x > 0) return x; else return -x;}一旦执行return代表函数结束,返回结果如果没有执行return,函数执行完也会返回结果,结果即为undefined定义方式二var abs = function(x){ //这是一个匿名函数,但可以将结果赋值给abs,通过abs可调用函数 if(x > 0)原创 2021-05-17 13:36:03 · 149 阅读 · 0 评论 -
JS学习笔记-操作表单
JS学习笔记-操作表单表单是什么 form文本框 text下拉框 select单选框 radio多选框 checkbox隐藏域 hidden密码框 password…表单的目的:提交信息获取表单的信息<form> <span>用户名:</span> <input id="username" type="text"><br/> <span>性别:<原创 2021-05-17 13:33:20 · 100 阅读 · 0 评论 -
JS学习笔记-操作DOM对象
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原创 2021-05-17 13:31:52 · 223 阅读 · 0 评论 -
JS学习笔记-操作BOM对象
JS学习笔记-操作BOM对象JavaScript与浏览器的关系: JavaScript的诞生就是为了能够让其在浏览器中运行BOM:browser object model 浏览器对象模型IE 6~11ChromeSafariFireFox (linux默认)三方QQ浏览器360浏览器window(重要)window 代表浏览器窗口window.alert()window.innerHeight //浏览器窗口内部高度window.innerW原创 2021-05-17 13:30:30 · 222 阅读 · 0 评论 -
JS学习笔记-Map和Set
JS学习笔记-Map和SetMap的定义var stus = new Map([['stu1',20],['stu2',50],['stu3',80]]);var stu = stus.get('stu1'); //通过key获得valueconsole.log(stu);20stus.set('stu4',90); //像Map stus中添入一组数据stu = stus.get('stu4');console.log(stu);90stus.delete('stu1'); /原创 2021-05-10 15:23:20 · 118 阅读 · 0 评论 -
JS学习笔记-JQuery
JS学习笔记-JQueryJQuery库,里面存在着大量的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> $(原创 2021-05-10 15:18:27 · 131 阅读 · 0 评论 -
JS学习笔记-Iterator
JS学习笔记-Iterator使用Iterator遍历数组// 通过for of 具体元素/for in 下标var arr = [3,4,5];for(var x of arr){ console.log(x);}345遍历Map(只可用这个)var map = new Map([['s1',20],['s2',30],['s3',50]]);for(let x of map){ console.log(x);}['s1',100]['s2',30]原创 2021-05-10 15:17:50 · 90 阅读 · 0 评论 -
JS学习笔记-Date
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 至今的毫原创 2021-05-10 15:17:17 · 98 阅读 · 0 评论 -
JS学习笔记-class继承
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原创 2021-05-10 15:16:36 · 122 阅读 · 0 评论