- 博客(18)
- 收藏
- 关注
RSS订阅原创 学习笔记18_window对象的常见事件
是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像，脚本文件，CSS文件等），就调用的处理函数。注意：有了window.onload就可以把JS代码写到页面元素的上方，因为onload是等页面内容全部加载完毕，再去执行处理函数window.onload 传统注册事件方式，只能执行。如果有多个，会以最后一个window.onload为准如果使用addEventListener 则没有限制加载完DOM接收两个参数：DOMCountentLoaded事件触发时，仅当DOM加载完成，不包括样
2022-07-10 14:46:56
446
原创 学习笔记17_BOM概述
BOM 比 DOM 更大。它包含 DOM。window 对象是浏览器的顶级对象，它具有双重角色它是 JS 访问浏览器窗口的一个接口它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt()等。注意：window有一个特殊属性 ，所以尽量不要把变量名命名为殊属性window.nameconsole.log(window.num);...
2022-07-10 14:46:25
226
原创 学习笔记16_classList和click延时
classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。该属性用于在元素中添加，移除及切换 CSS 类。有以下方法添加类：移除类：注意以上方法里面，所有类名都不带点切换类：2、click 延时解决方案移动端 click 事件会有 300ms 的延时，原因是移动端屏幕双击会缩放(double tap to zoom) 页面。解决方案：1.禁用缩放。 浏览器禁用默认的双击缩放行为并且去掉 300ms 的点击延迟。2.利用touch事件自己封装这个事件解决 300ms
2022-07-05 14:27:31
190
原创 学习型笔记15_touch触屏事件
移动端浏览器兼容性较好，不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件:TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等
2022-07-05 14:26:49
516
原创 学习笔记14_offset_client_scroll
offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。主要作用： 创建一个独立的作用域。 避免了命名冲突问题但是 火狐中，有个特点，有个“往返缓存”，这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。所以此时后退按
2022-06-06 21:54:22
104
原创 学习笔记13_事件高级
给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式该方法接收三个参数：4.attachEvent事件监听方式（只支持ie9之前的，少用）方法将指定的监听器注册到 eventTarget（目标对象） 上当该对象触发指定的事件时，指定的回调函数就会被执行该方法接收两个参数：5.注册事件兼容性解决方案兼容性处理的原则：首先照顾大多数浏览器，再处理特殊浏览器二、删除事件（解绑事件）1.传统解绑方式2.removeEventListener删除事件方式
2022-06-06 21:53:15
190
原创 学习笔记12_节点操作
网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。
2022-04-13 10:54:31
1831
原创 学习笔记11_操作元素
JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等
2022-04-12 15:53:02
933
原创 学习笔记10_获取元素和事件基础
DOM在实际开发中主要用来操作元素，操作元素先要获取元素，有根据 ID 获取，标签名获取，通过 HTML5 新增的方法获取等方式获取元素
2022-04-11 16:36:40
597
原创 学习笔记9_对象
在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的
2022-04-06 21:36:00
635
原创 学习笔记1_flex布局的属性
一、设置在容器上的属性1.flex-direction属性flex-direction属性决定主轴的方向.box { flex-direction: row | row-reverse | column | column-reverse;}1)row（默认值）：主轴为水平方向，起点在左端。2)row-reverse：主轴为水平方向，起点在右端。3)column：主轴为垂直方向，起点在上。4)column-reverse：主轴为垂直方向，起点在下。2.flex-wrap属性f
2022-03-29 15:17:04
1638
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人