aisowe

怎样理解块级作用域

摘要：在ES6 之前, JavaScript中有三种作用域: 1. 全局作用域 2. 函数作用域 3. eval作用域以上作用域内声明的变量或方法只在当前作用域内有效, 在其他作用域内引用则会返回 undefined; 而ES6则新增了一个作用域: 块级作用域块级作用域可以简单理解为是: 包在大括号{ 阅读全文

posted @ 2019-09-19 23:56 aisowe 阅读(3108) 评论(0) 推荐(0)

怎样理解ECMAScript 和 JavaScript的关系

摘要： JavaScript可以分为三大部分: 1. 核心语法 2. DOM 3. BOM 而核心语法实际上就是指的ECMAScript, 而JS又是不断在发展的, 而这个发展实际上最主要的就是ECMAScript版本的更新, 而DOM 和 BOM的更新较少, 因此, 可以认为 ECMAScript是Jav 阅读全文

posted @ 2019-09-19 23:36 aisowe 阅读(1175) 评论(0) 推荐(0)

怎样获取当前元素节点的所有属性节点集合

摘要：使用 Element.prototype.attributes 阅读全文

posted @ 2019-09-19 16:20 aisowe 阅读(1293) 评论(0) 推荐(0)

怎样判断当前元素节点是否可编辑

摘要：使用: Element.prototype.isContentEditable, 可以判断某个元素节点是否可编辑. 注意: 1. Element.prototype.isContentEditable 只读; 有 true / false / inherit 2. Element.prototype 阅读全文

posted @ 2019-09-19 15:51 aisowe 阅读(488) 评论(0) 推荐(0)

怎样理解 display:none 和 visibility:hidden

摘要： 1. display: none会使元素节点 "消失" , 就像死亡后灰飞烟灭了. 它是不占位置的. 2. visibility: hidden会使元素节点 "隐藏", 就像变成隐身人一样, 它是占地方的, 只是别人看不见. 3. Element.prototype.hidden: 这个Elem 阅读全文

posted @ 2019-09-19 15:42 aisowe 阅读(212) 评论(0) 推荐(0)

怎样设置鼠标悬浮时弹出的文字提示框内容

摘要： 1. 可以在html中写死,如下: 2. 可以使用 Element.prototype.title 属性动态设置: 阅读全文

posted @ 2019-09-19 13:57 aisowe 阅读(3382) 评论(0) 推荐(0)

怎样获取当前元素节点的语言类型

摘要：使用: Element.prototype.lang; 比如: 注意: 1. 每个元素节点都有一个lang属性, 必须要显式声明才会有返回值, 否则返回空字符串""; 2. Element.prototype.lang 属性是可读写的; 阅读全文

posted @ 2019-09-19 13:50 aisowe 阅读(165) 评论(0) 推荐(0)

怎样控制元素节点的是否可拖动属性

摘要：元素的可拖动属性为: draggable. 默认为false, 可以通过: Element.prototype.draggable; 查看与修改; 注意: 该属性可读写; 阅读全文

posted @ 2019-09-19 13:33 aisowe 阅读(299) 评论(0) 推荐(0)

怎样读写分配给当前元素的快捷键

摘要：使用 Element.prototype.accesskey 注意: 快捷键用Alt+x触发, 会将焦点聚焦到目标元素上阅读全文

posted @ 2019-09-19 13:05 aisowe 阅读(149) 评论(0) 推荐(0)

怎样获取元素节点的标签名称

摘要：比如通过id获取的一个元素节点, 想知道这个节点是什么什么标签, 这时可以通过: Node.prototype.nodeName属性或 Element.prototype.tagName属性获取. 注意: tagName和nodeName返回的结果是完全一样的, 只是tagName在Element 阅读全文

posted @ 2019-09-19 12:22 aisowe 阅读(2060) 评论(0) 推荐(0)

怎样查看或修改元素节点的id属性

摘要：使用 el.id; el表示获取到的元素节点, 如下所示: 注意: 1. el.id 属性可读可写; 2. 对id的修改会实时反映到DOM树中; 3. id值对大小写敏感, app 和 APP 是两个不同的id, 建议都写成小写. 阅读全文

posted @ 2019-09-19 12:09 aisowe 阅读(424) 评论(0) 推荐(0)

怎样使用js将文本复制到系统粘贴板中

摘要：需要使用到三个document方法: 1. document.execCommand(); 执行某个命令 2. document.queryCommandSupported(); 检测浏览器是否支持某个命令 3. document.queryCommandEnabled(); 检测当前状态下某个命令阅读全文

posted @ 2019-09-19 11:23 aisowe 阅读(1167) 评论(0) 推荐(0)

怎样创建一个子树遍历器

摘要：使用: document.createTreeWalker(); 注意: 1. document.createTreeWalker() 和 document.createNodeIterator() 基本相同, 但前者返回一个 TreeWalker实例对象, 后者返回一个NodeIterator实例阅读全文

posted @ 2019-09-19 10:52 aisowe 阅读(180) 评论(0) 推荐(0)

怎样创建一个子节点遍历器

摘要：使用: document.createNodeIterator(); 通过传入一个根节点, 返回这个根节点的子节点遍历器, 然后通过其方法: nextNode() 和 previousNode() 遍历其子节点; 其中, 第二个参数表示生成的子节点遍历器的类型, 因为节点有七种类型, 除开几个不能作阅读全文

posted @ 2019-09-19 10:39 aisowe 阅读(240) 评论(0) 推荐(0)

怎样判断文档中是否有元素被激活或获取焦点

摘要：这个问题涉及两个点: 1. document.activeElement; 获取被激活的元素, 没有则返回null; 2. document.hasFocus(); 判断是否有元素被激活或获取焦点, 返回一个布尔值; 有焦点的文档必定被激活（active），反之不成立. 也就是说: 1. docum 阅读全文

posted @ 2019-09-19 09:29 aisowe 阅读(492) 评论(0) 推荐(0)

怎样创建并触发一个事件

摘要： 1. 创建事件: document.createEvent(); 2. 触发事件: document.dispatchEvent(); 阅读全文

posted @ 2019-09-19 09:13 aisowe 阅读(474) 评论(0) 推荐(0)

怎样添加或移除事件监听函数

摘要： 1. 添加事件监听函数: document.addEventListener(); 2. 移除事件监听函数: document.removeEventListener(); 注意: 使用document.addEventListener() 可以为事件添加多个事件监听函数. 但如果直接在 on-xx 阅读全文

posted @ 2019-09-19 09:02 aisowe 阅读(863) 评论(0) 推荐(0)

怎样创建一个文档片段对象

摘要：使用 document.createDocumentFragment() 注意: 1. 文档片段节点不存在与DOM中, 在插入DOM之前, 对它的操作都是对js对象的操作; 2. 使用文档片段节点将一个较复杂的dom结构构建好再一次性插入到DOM树中, 有利于减少重渲次数, 提高页面性能; 阅读全文

posted @ 2019-09-19 00:02 aisowe 阅读(574) 评论(0) 推荐(0)

怎样创建并插入一个注释节点

摘要：使用document.createComment(). 如上所示, 我们在body子元素顶部增加了一个注释节点:  阅读全文

posted @ 2019-09-18 23:57 aisowe 阅读(438) 评论(0) 推荐(0)

怎样创建并插入一个属性节点

摘要：可以使用下面的两种方法将一个新创建的属性节点设置到特定元素节点上. 注意: 这里的属性名和属性值可以自定义. 阅读全文

posted @ 2019-09-18 23:49 aisowe 阅读(813) 评论(0) 推荐(0)

怎样创建一个文本节点

摘要：使用: document.createTextNode(); 注意: 1. 使用这个方法可以用来展示用户的输入, 避免XSS攻击; 2. 它不会对单双引号转义, 因此可能会被注入代码; 阅读全文

posted @ 2019-09-18 23:33 aisowe 阅读(1001) 评论(0) 推荐(0)

怎样创建一个元素节点

摘要：使用: document.createElement(); 注意: 1. 新创建的节点不在文档中, 因此不会在页面显示; 2. 参数是待创建元素节点的标签名称, 大小写随意, 且支持添加自定义标签节点; 3. 如果要把新创建的节点插入节点的某一位置, 那就得找到这个新节点未来的父节点或兄弟节点, 然阅读全文

posted @ 2019-09-18 17:55 aisowe 阅读(1043) 评论(0) 推荐(0)

怎样获取页面上指定位置的元素节点

摘要：所谓 "指定位置" 指的是: 以视口左上角为0点, 横向(x轴)和纵向(y轴)所组成的平面坐标位置点. 获取方法为: document.elementFromPoint() 和 document.elementsFromPoint(); 注意: 1. document.elementsFromPoi 阅读全文

posted @ 2019-09-18 17:44 aisowe 阅读(815) 评论(0) 推荐(0)

怎样通过id属性值获取元素节点

摘要：方法1: 使用document.getElementById(); 方法2: 使用document.querySelector(); 注意: 1. 方法1比方法2的效率高很多, 建议使用方法1; 2. 两个方法都是直接返回目标元素节点, 而非节点集合对象; 3. getElementById()方法阅读全文

posted @ 2019-09-18 17:25 aisowe 阅读(2073) 评论(0) 推荐(0)

怎样通过name属性获取元素节点集合

摘要：使用 document.getElementsByName(); 注意: 1. 这个方法只对具有name属性的元素有效, 比如 <form> / <radio> / <frame> 等; 2. 返回的是一个NodeList实例对象, 而非HTMLCollection; 阅读全文

posted @ 2019-09-18 16:41 aisowe 阅读(689) 评论(0) 推荐(0)

怎样通过类名获取元素节点集合

摘要：方法1: 使用 document.getElementsByClassName(); 方法2: 使用 document.querySelectorAll(); 阅读全文

posted @ 2019-09-18 16:34 aisowe 阅读(935) 评论(0) 推荐(0)

怎样通过html标签名获取元素节点集合

摘要：方法1. 使用document.querySelectorAll(); 方法2. 使用document.getElementsByTagName(); 注意: 1. 方法1返回的是一个NodeList实例对象, 方法2返回的是一个HTMLCollection实例对象; 2. 两个方法都可以作用在特定阅读全文

posted @ 2019-09-18 16:29 aisowe 阅读(1837) 评论(0) 推荐(0)

怎样获取当前文档所有的元素节点(即html标签节点)

摘要：方法1. 使用 document.getElementsByTagName("*"); 方法2. 使用document.querySelectorAll("*"); 注意: 1. 方法1返回的是一个HTMLCollection, 方法2返回的是一个NodeList; 2. 两个方法都可以在任何元素节阅读全文

posted @ 2019-09-18 16:05 aisowe 阅读(1902) 评论(0) 推荐(0)

怎样通过CSS选择器获取元素节点或元素节点集合

摘要：使用 document.querySelector() 和 document.querySelectorAll(), 将 CSS选择器作为参数传入即可. 注意: 1. querySelecotor()返回某个元素节点, querySelectorAll()返回一个NodeList实例对象; 2. 阅读全文

posted @ 2019-09-18 15:34 aisowe 阅读(1456) 评论(0) 推荐(0)

怎样擦除当前文档内容并写入新的内容

摘要：需要使用三个方法: document.open() / document.write() / document.close(); 注意: 这三个方法不能替换所处的当前文档, 只能替换其他的能控制的document. 阅读全文

posted @ 2019-09-18 15:06 aisowe 阅读(228) 评论(0) 推荐(0)

怎样打开微信内置地图查看位置

摘要：使用 wx.openLocation() 接口 . 阅读全文

posted @ 2019-09-18 14:28 aisowe 阅读(1399) 评论(0) 推荐(0)

怎样创建一个独立于当前文档的新的Document对象

摘要：使用: document.implementation. 如下所示, 新创建的Document对象可以正常使用相关属性和方法, 然后将它的根节点与当前文档的根节点做一个替换. 注意: 1. document.implementation 返回一个 DOMImplementation 实例对象. 2. 阅读全文

posted @ 2019-09-18 14:00 aisowe 阅读(870) 评论(0) 推荐(0)

怎样控制当前页面是否可编辑

摘要：所谓当前页面是否可编辑, 可以理解成 word文档的只读模式和编辑模式, 默认情况下, 浏览器将页面呈现给用户是 "只读"的, 比如您现在读到的这段话, 您是不能编辑它的, 但如果您将 document.designMode 设置为 "on", 则您可以删除 / 修改这段话, 不过, 这个操作会随着阅读全文

posted @ 2019-09-18 13:38 aisowe 阅读(360) 评论(0) 推荐(0)

怎样获取Cookie

摘要：使用 document.cookie 获取; 阅读全文

posted @ 2019-09-18 13:27 aisowe 阅读(2171) 评论(0) 推荐(0)

怎样判断一个网页是否加载成功

摘要：需要使用 document.readyState, 它可以判断网页的加载情况, 如果网页加载完成, document.readyState 就会返回 'complete'; 注意: 1. 每次 document.readyState 值的改变都会触发 readystatechange 事件. 2. 阅读全文

posted @ 2019-09-18 13:14 aisowe 阅读(1081) 评论(0) 推荐(0)

怎样获取当前文档的状态

摘要：文档显示状态和文档状态不是同一个东西, 前者主要是对文档的可见性作判断, 后者是对文档的加载过程作判断; 1. 文档显示状态: document.visibilityState; 2. 文档状态: document.readyState; 注意: 1. "loading" : 加载HTML代码阅读全文

posted @ 2019-09-18 12:05 aisowe 阅读(350) 评论(0) 推荐(0)

怎样判断当前文档的显示状态

摘要：使用 document.visibilityState, 可以返回文档的显示状态, 它并不是一个布尔值, 而是文档的类似生命周期一样的状态. 它可以返回四种值: 1. visible: 页面可见或部分可见, 可以不是焦点窗口, 可以被其他窗口挡住; 2. hiddle: 页面不可见, 可能是浏览器被阅读全文

posted @ 2019-09-18 11:49 aisowe 阅读(295) 评论(0) 推荐(0)

怎样判断用户是否在浏览当前页面

摘要：使用: document.hidden; 它会返回一个布尔值, 如果页面可见则为false, 反之为true; 注意: 如果页面打开后, 浏览器被最小化, 或者用户切换到其他标签页, 则为true; 阅读全文

posted @ 2019-09-18 11:31 aisowe 阅读(1402) 评论(0) 推荐(0)

怎样获取浏览器处理文档的模式

摘要：浏览器处理文档的模式有两种: 1. 兼容模式: BackCompat 2. 严格模式: CSS1Compat 可以用: document.compatMode 获取注意: 1. 如果文档声明类型为: <!DOCTYPE html> , 那document.compatMode为 "CSS1Comp 阅读全文

posted @ 2019-09-18 11:03 aisowe 阅读(209) 评论(0) 推荐(0)

怎样判断文档中的文字是从左到右还是从右到左

摘要：当然, 如果是古代中国有编程, 那文字方向还得加一个从上到下+从右到左. 可以通过: document.dir 获取文字的排列方向. 返回 ltr 表示 left to right, 反之亦然; 注意: 1. 该属性只读; 2. 该属性默认为 ltr, 但必须显式声明才会得到返回值, 否则会返回空字阅读全文

posted @ 2019-09-18 10:51 aisowe 阅读(521) 评论(0) 推荐(0)

公告

导航