摘要：
在ES6 之前, JavaScript中有三种作用域: 1. 全局作用域 2. 函数作用域 3. eval作用域 以上作用域内声明的变量或方法只在当前作用域内有效, 在其他作用域内引用则会返回 undefined; 而ES6则新增了一个作用域: 块级作用域 块级作用域可以简单理解为是: 包在大括号{ 阅读全文
2019年9月19日
摘要：
JavaScript可以分为三大部分: 1. 核心语法 2. DOM 3. BOM 而核心语法实际上就是指的ECMAScript, 而JS又是不断在发展的, 而这个发展实际上最主要的就是ECMAScript版本的更新, 而DOM 和 BOM的更新较少, 因此, 可以认为 ECMAScript是Jav 阅读全文
摘要：
使用 Element.prototype.attributes 阅读全文
摘要：
使用: Element.prototype.isContentEditable, 可以判断某个元素节点是否可编辑. 注意: 1. Element.prototype.isContentEditable 只读; 有 true / false / inherit 2. Element.prototype 阅读全文
摘要：
1. display: none会使元素节点 "消失" , 就像 死亡后灰飞烟灭了. 它是不占位置的. 2. visibility: hidden会使元素节点 "隐藏", 就像变成隐身人一样, 它是占地方的, 只是 别人看不见. 3. Element.prototype.hidden: 这个Elem 阅读全文
摘要：
1. 可以在html中写死,如下: 2. 可以使用 Element.prototype.title 属性动态设置: 阅读全文
摘要：
使用: Element.prototype.lang; 比如: 注意: 1. 每个元素节点都有一个lang属性, 必须要显式声明才会有返回值, 否则返回空字符串""; 2. Element.prototype.lang 属性是可读写的; 阅读全文
摘要：
元素的可拖动属性为: draggable. 默认为false, 可以通过: Element.prototype.draggable; 查看与修改; 注意: 该属性可读写; 阅读全文
摘要：
使用 Element.prototype.accesskey 注意: 快捷键用Alt+x触发, 会将焦点聚焦到目标元素上 阅读全文
摘要：
比如通过id获取的一个元素节点, 想知道这个节点是什么什么标签, 这时可以通过: Node.prototype.nodeName属性 或 Element.prototype.tagName属性获取. 注意: tagName和nodeName返回的结果是完全一样的, 只是tagName在Element 阅读全文
摘要：
使用 el.id; el表示获取到的元素节点, 如下所示: 注意: 1. el.id 属性可读可写; 2. 对id的修改会实时反映到DOM树中; 3. id值对大小写敏感, app 和 APP 是两个不同的id, 建议都写成小写. 阅读全文
摘要：
需要使用到三个document方法: 1. document.execCommand(); 执行某个命令 2. document.queryCommandSupported(); 检测浏览器是否支持某个命令 3. document.queryCommandEnabled(); 检测当前状态下某个命令 阅读全文
摘要：
使用: document.createTreeWalker(); 注意: 1. document.createTreeWalker() 和 document.createNodeIterator() 基本相同, 但前者返回一个 TreeWalker实例对象, 后者返回一个NodeIterator实例 阅读全文
摘要：
使用: document.createNodeIterator(); 通过传入一个根节点, 返回这个根节点的子节点遍历器, 然后通过其方法: nextNode() 和 previousNode() 遍历其子节点; 其中, 第二个参数表示生成的子节点遍历器的类型, 因为节点有七种类型, 除开几个不能作 阅读全文
摘要：
这个问题涉及两个点: 1. document.activeElement; 获取被激活的元素, 没有则返回null; 2. document.hasFocus(); 判断是否有元素被激活或获取焦点, 返回一个布尔值; 有焦点的文档必定被激活（active），反之不成立. 也就是说: 1. docum 阅读全文
摘要：
1. 创建事件: document.createEvent(); 2. 触发事件: document.dispatchEvent(); 阅读全文
摘要：
1. 添加事件监听函数: document.addEventListener(); 2. 移除事件监听函数: document.removeEventListener(); 注意: 使用document.addEventListener() 可以为事件添加多个事件监听函数. 但如果直接在 on-xx 阅读全文
摘要：
使用 document.createDocumentFragment() 注意: 1. 文档片段节点不存在与DOM中, 在插入DOM之前, 对它的操作都是对js对象的操作; 2. 使用文档片段节点将一个较复杂的dom结构构建好再一次性插入到DOM树中, 有利于减少重渲次数, 提高页面性能; 阅读全文
2019年9月18日
摘要：
使用document.createComment(). 如上所示, 我们在body子元素顶部增加了一个注释节点: <!--helloworld--> 阅读全文
摘要：
可以使用下面的两种方法将一个新创建的属性节点设置到特定元素节点上. 注意: 这里的属性名和属性值可以自定义. 阅读全文
摘要：
使用: document.createTextNode(); 注意: 1. 使用这个方法可以用来展示用户的输入, 避免XSS攻击; 2. 它不会对单双引号转义, 因此可能会被注入代码; 阅读全文
摘要：
使用: document.createElement(); 注意: 1. 新创建的节点不在文档中, 因此不会在页面显示; 2. 参数是待创建元素节点的标签名称, 大小写随意, 且支持添加自定义标签节点; 3. 如果要把新创建的节点插入节点的某一位置, 那就得找到这个新节点未来的父节点或兄弟节点, 然 阅读全文
摘要：
所谓 "指定位置" 指的是: 以视口左上角为0点, 横向(x轴)和纵向(y轴)所组成的平面坐标位置点. 获取方法为: document.elementFromPoint() 和 document.elementsFromPoint(); 注意: 1. document.elementsFromPoi 阅读全文
摘要：
方法1: 使用document.getElementById(); 方法2: 使用document.querySelector(); 注意: 1. 方法1比方法2的效率高很多, 建议使用方法1; 2. 两个方法都是直接返回目标元素节点, 而非节点集合对象; 3. getElementById()方法 阅读全文
摘要：
使用 document.getElementsByName(); 注意: 1. 这个方法只对具有name属性的元素有效, 比如 <form> / <radio> / <frame> 等; 2. 返回的是一个NodeList实例对象, 而非HTMLCollection; 阅读全文
摘要：
方法1: 使用 document.getElementsByClassName(); 方法2: 使用 document.querySelectorAll(); 阅读全文
摘要：
方法1. 使用document.querySelectorAll(); 方法2. 使用document.getElementsByTagName(); 注意: 1. 方法1返回的是一个NodeList实例对象, 方法2返回的是一个HTMLCollection实例对象; 2. 两个方法都可以作用在特定 阅读全文
摘要：
方法1. 使用 document.getElementsByTagName("*"); 方法2. 使用document.querySelectorAll("*"); 注意: 1. 方法1返回的是一个HTMLCollection, 方法2返回的是一个NodeList; 2. 两个方法都可以在任何元素节 阅读全文
摘要：
使用 document.querySelector() 和 document.querySelectorAll(), 将 CSS选择器 作为参数传入即可. 注意: 1. querySelecotor()返回某个元素节点, querySelectorAll()返回一个NodeList实例对象; 2. 阅读全文
摘要：
需要使用三个方法: document.open() / document.write() / document.close(); 注意: 这三个方法不能替换所处的当前文档, 只能替换其他的能控制的document. 阅读全文
摘要：
使用 wx.openLocation() 接口 . 阅读全文
摘要：
使用: document.implementation. 如下所示, 新创建的Document对象可以正常使用相关属性和方法, 然后将它的根节点与当前文档的根节点做一个替换. 注意: 1. document.implementation 返回一个 DOMImplementation 实例对象. 2. 阅读全文
摘要：
所谓当前页面是否可编辑, 可以理解成 word文档的只读模式和编辑模式, 默认情况下, 浏览器将页面呈现给用户是 "只读"的, 比如您现在读到的这段话, 您是不能编辑它的, 但如果您将 document.designMode 设置为 "on", 则您可以删除 / 修改这段话, 不过, 这个操作会随着 阅读全文
摘要：
需要使用 document.readyState, 它可以判断网页的加载情况, 如果网页加载完成, document.readyState 就会返回 'complete'; 注意: 1. 每次 document.readyState 值的改变都会触发 readystatechange 事件. 2. 阅读全文
摘要：
文档显示状态 和 文档状态 不是同一个东西, 前者主要是对文档的可见性作判断, 后者是对文档的加载过程作判断; 1. 文档显示状态: document.visibilityState; 2. 文档状态: document.readyState; 注意: 1. "loading" : 加载HTML代码 阅读全文
摘要：
使用 document.visibilityState, 可以返回文档的显示状态, 它并不是一个布尔值, 而是文档的类似生命周期一样的状态. 它可以返回四种值: 1. visible: 页面可见或部分可见, 可以不是焦点窗口, 可以被其他窗口挡住; 2. hiddle: 页面不可见, 可能是浏览器被 阅读全文
摘要：
使用: document.hidden; 它会返回一个布尔值, 如果页面可见则为false, 反之为true; 注意: 如果页面打开后, 浏览器被最小化, 或者用户切换到其他标签页, 则为true; 阅读全文
摘要：
浏览器处理文档的模式有两种: 1. 兼容模式: BackCompat 2. 严格模式: CSS1Compat 可以用: document.compatMode 获取 注意: 1. 如果文档声明类型为: <!DOCTYPE html> , 那document.compatMode为 "CSS1Comp 阅读全文
摘要：
当然, 如果是古代中国有编程, 那文字方向还得加一个从上到下+从右到左. 可以通过: document.dir 获取文字的排列方向. 返回 ltr 表示 left to right, 反之亦然; 注意: 1. 该属性只读; 2. 该属性默认为 ltr, 但必须显式声明才会得到返回值, 否则会返回空字 阅读全文
