随笔分类 - 3_3：DOM
摘要：知识梳理 // 1 一般情况下 this的最终指向都是 调用它的对象 // 2 全局作用域 普通函数 定时器 的this都指向了 window对象 // 3 构造函数的this 指向自己的实例 <script> // 1 全局作用域 普通函数 定时器 的this都指向了全局对象 window con
阅读全文
摘要：一 键盘事件 1）常用的三个 //1 onkeyup 按键弹起时触发 document.onkeyup = function () { console.log('弹起时才触发'); } //2 onkeydown 按键按下的时候触发 document.onkeydown = function ()
阅读全文
摘要：常用鼠标事件 onclick 当用户点击某个对象时调用的事件句柄。 2 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事件句柄。 2 onmousedown 鼠标按钮被按下。 2 onmouseenter 当鼠标指针移动到元素上时
阅读全文
摘要：官方解释 Event 对象 代表事件的状态 比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 简单理解 事件发生后，跟事件相关的一系列信息数据的集合都存放在这个对象event里面 event对象有很多属性和方法 如果是鼠标事
阅读全文
摘要：知识梳理 // 1 在实际工作中，很少用到捕获阶段，我们更关注摸排阶段 // 2 有些事件没有冒泡的，比如：onblur onfocus onmouseenter onmouseleave// 3 事件冒泡会带来一些麻烦，但是也可以巧妙的做一些事情 一 基础理论 1）DOM事件流 当一个HTML元素
阅读全文
摘要：一 传统方式移除 1）基本语法 ul.onclick = null; 2）代码范例 <div>按钮</div> <script> //1 获取元素 var divs = document.querySelectorAll('div'); //2 绑定事件 divs[0].onclick = func
阅读全文
摘要：名词解释 侦听器：事件处理程序 事件基础 1）什么是事件 // 给元素添加事件，称为注册事件或者绑定事件。 // 有两种方式：传统方式 和 方法监听方式 2）事件三要素 事件源 事件类型 事件处理程序// 1 获取事件源// 2 注册事件（ 绑定事件 ）// 3 添加事件梳理程序 ( 采用函数赋值形
阅读全文
摘要：一 向文档流写入内容 document.write() 1）基本语法 document.write('text'); //不常用 了解就可以 需要向文档流中写入内容，所以，若在一个已关闭（例如，已完成加载）的文档上调用 document.write，就会自动调用 document.open，这将清空
阅读全文
摘要：知识梳理 // . 创建节点 // . 插入节点 // . 删除节点 // . 复制节点 // . 替换节点 一 插入节点 1）基本语法 parentNode.insertBefore(newNode,referenceNode); //在指定元素前面插入元素 // parentNode 父节点 /
阅读全文
摘要：一 节点概述 1）概念 // . 网页中所有内容都是节点// . 文档节点 元素节点 属性节点 文本节点 注释节点 // . 节点用node表示 // . DOM树的所有节点都可以通过JS访问 // 4 所有元素节点都可以创建 修改 删除 2）节点属性 // 节点至少有以下三个属性 // 1 节点类
阅读全文
摘要：一 操作元素内容 element.innerText // 不识别HTML标签 去除空格和换行 element.innerHtml // 识别HTML标签 保留空格和换行 //这两个属性都是可读写的 indexHtml 和 innerText 的区别 添加纯文本 就用 innerText添加的内容里
阅读全文
摘要：一 基本的两种 1）ID获取 <div id="one">一往无前</div><script> var id = document.getElementById('one'); console.log(id);//返回：<div id="one">一往无前</div> console.dir(id)
阅读全文
摘要：一 DOM简介 1）概念 //DOM是W3C推荐 处理可扩展标记语言的 标准编程接口document Object Model 可扩展标记语言 = ( HTML 或者 XML ) 2）作用 // 通过一系列DOM接口,可以改变网页内容 结构 样式 3）DMO中专有名词 // 1 DOM树// 2 文
阅读全文
浙公网安备 33010602011771号