2022年2月10日
BOM
摘要： BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 ​ BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 ​ BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 阅读全文
posted @ 2022-02-10 15:59 Harry宗 阅读(52) 评论(0) 推荐(0)
常用的键盘事件
摘要： <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发 不能识别功能键 比如 ct 阅读全文
posted @ 2022-02-10 15:51 Harry宗 阅读(104) 评论(0) 推荐(0)
事件对象的属性和方法
摘要： <div>123</div> <script> var div = document.querySelector('div'); div.addEventListener('click', function(e) { // e.target 和 this指向的都是div console.log(e. 阅读全文
posted @ 2022-02-10 15:41 Harry宗 阅读(74) 评论(0) 推荐(0)
2022年2月9日
节点操作----- 删除节点
摘要： node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素 var ul = documen 阅读全文
posted @ 2022-02-09 17:48 Harry宗 阅读(540) 评论(0) 推荐(0)
节点操作
摘要： 网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 ​ HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 一般地，节点至少拥有nodeType（节点类型）、nodeNam 阅读全文
posted @ 2022-02-09 17:34 Harry宗 阅读(56) 评论(0) 推荐(0)
自定义属性操作
摘要： <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(div.id); // 阅读全文
posted @ 2022-02-09 17:17 Harry宗 阅读(74) 评论(0) 推荐(0)
样式属性操作
摘要： 我们可以通过 JS 修改元素的大小、颜色、位置等样式 方式1：通过操作style属性 元素对象的style属性也是一个对象！ 元素对象.style.样式属性 = 值; <body> <div></div> <script> // 1. 获取元素 var div = document.querySel 阅读全文
posted @ 2022-02-09 16:50 Harry宗 阅读(57) 评论(0) 推荐(0)
操作元素
摘要： JavaScript的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。（注意：这些操作都是通过元素对象的属性实现的） 获取属性的值 元素对象.属性名 设置属性的值 元素对象.属性名 = 值 <body> <button id="ldh">刘德华 阅读全文
posted @ 2022-02-09 16:40 Harry宗 阅读(41) 评论(0) 推荐(0)
事件基础
摘要： 事件三要素 事件源（谁）：触发事件的元素 事件类型（什么事件）： 例如 click 点击事件 事件处理程序（做啥）：事件触发后要执行的代码(函数形式)，事件处理函数 <body> <button id="btn">唐伯虎</button> <script> // 点击一个按钮，弹出对话框 // 1. 阅读全文
posted @ 2022-02-09 16:26 Harry宗 阅读(47) 评论(0) 推荐(0)
DOM
摘要： DOM树 又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。 文档：一个页面就是一个文档，DOM中使用document表示 节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示 标签节点：网页中的所有标签，通常称为元素节 阅读全文
posted @ 2022-02-09 16:18 Harry宗 阅读(71) 评论(0) 推荐(0)