javaScript - 动画函数
摘要：1.动画函数的封装 // 给不同元素指定不同的定时器 function animate(obj,target) { // 当我们不断点击按钮是时，span元素运动速度会越来越快，因为开启了太多定时器 // 为了让元素只有一个定时器执行，我们要先清除以前的定时器，只保留当前的一个定时器执行 clear
阅读全文
posted @ 2023-02-09 16:09
随笔分类 - JavaScript
javaScript - 本地存储 sessionStorage，localStorage
摘要：1.本地存储 window.sessionStorage window.localStorage sessionStorage 游览器关闭 数据清空，localStorage 永久保存 2.操作数据 //添加与设置 setItem("name","levi"); //添加数据 setItem("na
阅读全文
posted @ 2023-02-07 16:51
javaScript - offset，client，scroll 获取元素的位置
摘要：1.offset offset系列属性 作用 offsetParent 返回该元素有定位的父级，如果父级都没有定位则返回body offsetTop 返回元素相对父级（带有定位的父级）上方的偏移 offsetLeft 返回元素相对父级（带有定位的父级）左边框的偏移 offsetWidth 返回自身的
阅读全文
posted @ 2023-02-07 16:36
javaScropt BOM - location属性与方法，navigator属性与方法，history属性与方法
摘要：window.location window.navigator window.history 1.location 属性 属性描述 hash 设置或返回从井号 (#) 开始的 URL（锚）。 host 设置或返回主机名和当前 URL 的端口号。 hostname 设置或返回当前 URL 的主机名。
阅读全文
posted @ 2023-02-07 16:18
javaScript BOM - 窗口事件，创建定时器与清除定时器
摘要：1.窗口事件 事件 描述 load 等页面内容全部加载完毕，包含页面dom元素，图片，flash，css执行 DOMContentLoaded DOM加载完毕，不包含图片，flash，css等就可以执行，加载速度比load更快一些 resize 窗口调整大小时 触发的事件 2.定时器 只会执行一次，
阅读全文
posted @ 2023-02-07 16:02
javaScript DOM - innerText与innerHtml，操作元素的属性，节点的获取，创建，添加，删除，修改
摘要：1.innerText与innerHTML //替换元素里面的内容成文字 document.querySelector(".main").innerText="文字"; //替换元素里面的内容成标签 document.querySelector(".main").innerHTML="<h1>标题<
阅读全文
posted @ 2023-02-07 14:13
javaScript DOM - 事件内置对象全部属性，全部事件
摘要：1.事件内置对象全部属性 属性 描述 type 事件的类型，如onlick中的click； srcElement/target 事件源，就是发生事件的元素； button 声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（f
阅读全文
posted @ 2023-02-07 13:25
javaScript DOM - document 获取元素的方式，document 事件的三要素，事件的绑定与删除方式，常用事件，常用事件内置对象属性，事件流，事件方法中this与event.target的区别
摘要：获取元素： 1.document 获取元素的方式 getElementById 通过Id名获取 返回对象 getElementsByTagName 通过标签名获取 返回数组 getElementsByClassName 通过类名获取 返回数组 querySelector 通过选择器获取该选择器的第一
阅读全文
posted @ 2023-02-07 12:24
javaScript - Math对象 常用方法，全部方法
摘要：1.Math 常用方法 方法描述 abs(x) 返回 x 的绝对值。 ceil(x) 返回 x，向上舍入为最接近的整数。 floor(x) 返回 x，向下舍入为最接近的整数。 max(x, y, z, ..., n) 返回值最高的数字。 min(x, y, z, ..., n) 返回值最小的数字。
阅读全文
posted @ 2023-02-07 11:02
javaScript - date时间日期类的创建，全部属性，常用方法，全部方法
摘要：1.date时间日期类的创建 var d = new Date(); var d = new Date(milliseconds); // 参数为毫秒 var d = new Date(dateString); var d = new Date(year, month, day, hours, mi
阅读全文
posted @ 2023-02-07 10:57
javaScript - String对象的创建，全部属性，常用方法，全部方法，字符串不可变性
摘要：1.String对象的创建 //方式1 字面量方式 var str="levi"; //方式2 创建对象方式 var str=new String("levi"); 2.String对象的属性： 属性描述 constructor 对创建该对象的函数的引用 length 字符串的长度 prototyp
阅读全文
posted @ 2023-02-07 10:47
javaScript - 对象的创建，对象的遍历
摘要：1.对象的创建方式 //方式1 字面量方式创建 var student = { id: 1, say: function (message) { console.log(message) } } //方式2 Object创建对象 var student=new Object(); student.i
阅读全文
posted @ 2023-02-06 21:52
javaScript - 预解析
摘要：代码实例： console.log(data1) //undefined var data1=12; fn1(); //execute function fn1 function fn1(){ console.log("execute function fn1") } fn2(); //fn2 is
阅读全文
posted @ 2023-02-06 21:28
javaScript - 函数，函数的定义与函数的特性，函数的内置对象
摘要：1.函数的定义 //方式1 无参无返回值函数 function close(){ } //方式2 有参有返回值函数 function set(id,name) { return id+name; } //方式3 匿名函数 var callback=function (id,name){ } call
阅读全文
posted @ 2023-02-06 21:11
javaScript - 数组的创建方式，数组的属性，数组的常用方法，数组的全部方法
摘要：1.数组的创建方式 //方式1 var array=new Array(); array[0]="levi" //方式2 var array=new Array("png","jpg"); //方式3 var array=["levi","mikasa"] 2.数组的属性 属性 描述 constru
阅读全文
posted @ 2023-02-06 20:36
javaScript - 输入与输出语句，javaScript中的数据类型，字符类型与其它基本数据类型的互相转换，typeof检测数据的数据类型
摘要：1.输入与输出语句 //输出语句 alert("hello,world") //提示弹窗 console.log("hello，world") //输出到控制台 //输入语句 //第一个参数 设置提示用户输入的提示信息 //第二个参数 设置默认值 prompt("请输入你的年龄","18"); //
阅读全文
posted @ 2023-02-06 20:24
