摘要：
一、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() 调用 阅读全文