清出于兰

2020年10月5日

摘要： 1.1 offset 概述 offset 翻译过来就是偏移量，我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位 1.2 offset 与 style 区别 offset of 阅读全文

posted @ 2020-10-05 23:36 清出于兰阅读(323) 评论(0) 推荐(0) 编辑

JS执行机制

摘要： 1 . JS 是单线程 JavaScript语言的一大特点就是单线程，也就是说，同-个时间只能做一件事。这是因为Javascript这门脚本语言诞生的使命所致一JavaScript 是为处理页面中用户的交互，以吸操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行。应该先进阅读全文

posted @ 2020-10-05 00:13 清出于兰阅读(104) 评论(0) 推荐(0) 编辑

2020年10月4日

什么是BOM

摘要： 1. 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 EC 阅读全文

posted @ 2020-10-04 23:57 清出于兰阅读(959) 评论(0) 推荐(0) 编辑

常用的键盘事件

摘要： 1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发不能识别功阅读全文

posted @ 2020-10-04 23:55 清出于兰阅读(3070) 评论(0) 推荐(0) 编辑

2020年9月26日

常用鼠标事件

摘要： 1. 鼠标事件对象 2. 案例：禁止选中文字和禁止右键菜单 <body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu', function(e) { e.preve 阅读全文

posted @ 2020-09-26 11:51 清出于兰阅读(706) 评论(0) 推荐(0) 编辑

事件高级

摘要： 1. 1 注册事件（2种方式） 1.2 事件监听 addEventListener()事件监听（IE9以后支持） eventTarget . addEventListener (type, listener[, useCapture] ) eventTarget.addEventListener() 阅读全文

posted @ 2020-09-26 11:35 清出于兰阅读(136) 评论(0) 推荐(0) 编辑

DOM的核心总结

摘要： 1. DOM的核心总结文档对象模型(Document Object Model,简称DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。关于dom操作，我们主要针对于元素的操作。阅读全文

posted @ 2020-09-26 11:22 清出于兰阅读(143) 评论(0) 推荐(0) 编辑

节点操作

摘要： 1. 删除节点 node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素 var ul = 阅读全文

posted @ 2020-09-26 11:16 清出于兰阅读(324) 评论(0) 推荐(0) 编辑

2020年9月23日

JavaScript的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等

摘要： 1.操作元素 JavaScript的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。（注意：这些操作都是通过元素对象的属性实现的） 2. 改变元素内容（获取或设置） innerText改变元素内容 <body> <button>显示当前系统时间阅读全文

posted @ 2020-09-23 09:27 清出于兰阅读(752) 评论(0) 推荐(0) 编辑

事件基础

摘要： 1. 事件概述 JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解：触发响应机制。网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。 2. 事件三阅读全文

posted @ 2020-09-23 09:17 清出于兰阅读(116) 评论(0) 推荐(0) 编辑

公告