06 2020 档案
摘要：一、offset的常用属性 注：offsetTop 返回带有定位父元素为准的距离，不带单位，如果没定位，则以body为准 offsetLeft 返回带有定位父元素为准的距离，不带单位，如果没定位，则以body为准 二、client 常用属性 三、scroll常用属性 扩展：onscroll滚动事件（
阅读全文
摘要：一、location 对象 location 主要用于获取与跳转链接（href）、获取地址返回的参数（search）等 提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。location是一个很特别的对象， 因为它既是window对象的属性，也是document对象的属性，而且还可以单独
阅读全文
摘要：一、创建定时器 setTimeout 达到时间后执行回调函数 1 次 setInterval 每隔一段时间，重复 调用回调函数 注意：如若需要移除，则需要用变量去赋值(命名)定时器 二、移除定时器 clearTimeout 里面的参数是接收 定时器 的变量(定时器的名字) setInterval 同
阅读全文
摘要：一、Window对象 （1）load 窗口加载事件 见下文介绍 （2）resize 窗口大小事件 主要用于响应式布局 （3）innerWidth 获得页面的宽度 二、窗口加载事件 （1）页面文档内容加载完毕才执行、包括图片、css等 window.onload = function() { } 传统
阅读全文
摘要：1、常用鼠标事件 注意：(1) 使用传统事件注册事件，需带on (2) 使用addEventListener注册不带on 2、鼠标事件对象 e . clientX | clientY 获取鼠标在可视区域body的位置 ； e . pageX | pageY 获取鼠标在页面中（页面滑动后会变）的位置
阅读全文
摘要：1、注册事件的方式 ： (1)传统方式注册 ：btn.onclick = function( ){ } ； (2)添加监听 ：btn.addEventListener（'click'，fn，默认是事件冒泡）；注意 ：flag ：false代表的是事件冒泡 。 | flag ：true代表的是事件捕获
阅读全文
摘要：什么是DOM DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是
阅读全文
摘要：<script> // 1.获取元素 var j_cbAll = document.getElementById('j_cbAll'); var j_tb = document.getElementById('j_tb').getElementsByTagName('input'); // 2.绑定
阅读全文
摘要：<body> <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <script> // 1. 获取所有按钮元素 var btns = document.querySelectorAll('b
阅读全文
摘要：JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector
阅读全文
摘要：<script> // 倒计时效果 // 1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时 ，但是不能拿着时分秒相减，比如 05 分减去25分，结果会是负数的。 // 2.用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。 // 3.把剩余时间总
阅读全文
摘要：// 1.星期默认从0开始，0是周日 // 2.月份默认从0开始，需要+1 function getDates() { var date = new Date(); var year = date.getFullYear(); //年 var month = date.getMonth() + 1;
阅读全文
摘要：// 利用构造函数创建对象 // 我们需要创建王者荣耀英雄的对象 相同的属性： 名字 年龄 相同的方法：普通攻击 // 1. 构造函数名字首字母要大写// 2. 我们构造函数不需要return 就可以返回结果// 3. 我们调用构造函数 必须使用 new// 4. 我们只要new Hero() 调用
阅读全文
摘要：//创建变量 var 变量名 = 值 var num = 1; var str = ‘散格’; //创建数组 var 数组名 = [ , , , , , , ] var arr = ['元素1' , '元素2' ,'元素3' ,'元素5' ] //第一种方法 var arr = new Array(
阅读全文
摘要：// 1. 我们js引擎运行js 分为两步： 预解析 代码执行 // (1). 预解析会把js 里面所有的 var 和 function 提升到当前作用域的最前 // (2). 代码执行 按照代码书写的顺序从上往下执行 // 2. 预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升） //
阅读全文
摘要：<script>//作用域 var num = 1; //全局变量 function sayHi() { //函数作用域 var num = 10; //局部变量 var num1 = 999; //局部变量 b = 20; //没有声明，直接赋值是全局变量 console.log('我是sayHi
阅读全文
摘要：function reverse(arr){ var newArr = [] for(var i = arr.length -1; i >= 0; i--){ // newArr刚开始为空，取到的是0索引，接收arr.length -1索引 newArr[newArr.length] = arr[i
阅读全文
摘要：<script> // 函数使用分为两步： 声明函数 和 调用函数 // 1. 声明函数 // function 函数名() { // // 函数体 // } function sayHi() { console.log('hi~~'); } // (1) function 声明函数的关键字 全部小
阅读全文
浙公网安备 33010602011771号