摘要：
1. JS执行机制 以下代码执行的结果是什么？ console.log(1); setTimeout(function () { console.log(3); }, 1000); console.log(2); 以下代码执行的结果是什么？ console.log(1); setTimeout(fu 阅读全文
摘要：
1.BOM 1.1. 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScrip 阅读全文
摘要：
1.1常用的键盘事件 1.1键盘事件 事件除了使用鼠标触发，还可以使用键盘触发， 注意给文档 document 添加键盘事件 注意： onkeypress 和前面2个的区别是，它不识别功能键，比如左右箭头，shift 等。 三个事件的执行顺序 keydown -> keypress -> keyup 阅读全文
摘要：
1.常用鼠标事件 1.1 案例：禁止选中文字和禁止右键菜单 1.禁止鼠标右键菜单 contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的上下文菜单 document.addEventListener('contextmenu', function(e) { e.prevent 阅读全文
摘要：
1.注册事件（2种方式） 1.1 注册事件概述 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式 利用 on 开头的事件 onclick <button onclick=“alert('hi~')”></button> btn.onc 阅读全文
摘要：
DOM的核心总结 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言 （HTML或者XML）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 1. 对于JavaScrip 阅读全文
摘要：
1.节点操作 1.1 为什么学节点操作 获取元素通常使用两种方式： 1. 利用 DOM 提供的方法获取元素 document.getElementById() document.getElementsByTagName() document.querySelector 等 逻辑性不强、繁琐 阅读全文
摘要：
1.自定义属性操作 1.1 获取属性值 element.属性 获取属性值。 element.getAttribute('属性'); 区别： element.属性 获取内置属性值（元素本身自带的属性） element.getAttribute(‘属性’); 主要获得自定义的属性 （标准） 阅读全文
摘要：
1. 排他操作 1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2< 阅读全文
摘要：
1. 操作元素 JavaScript的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。（注意：这些操作都是通过元素对象的属性实现的） 1.1. 改变元素内容（获取或设置） innerText改变元素内容 <body> <button>显示当前系 阅读全文