张筱菓

2025年2月6日

摘要： JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout和setlnterval（）这两个函数来完成。他们向任务队列添加定时任务 setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时阅读全文

posted @ 2025-02-06 16:32 张筱菓阅读(53) 评论(0) 推荐(0)

JS-51 事件代理（事件委托）

摘要：由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父结点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理（delegation） var ul =document.querySelector('ul'); ul.addEventListenr('click' 阅读全文

posted @ 2025-02-06 15:24 张筱菓阅读(14) 评论(0) 推荐(0)

JS-50 事件类型之表单事件

摘要：表单事件是在使用表单元素及输入框元素可以监听的一系列事件 ①input事件②select事件③Change事件④reset事件⑤submit事件 1、input事件 input事件当<input>、<select>、<textarea>的值发生变化时触发。对于复选框（<input type=chec 阅读全文

posted @ 2025-02-06 13:14 张筱菓阅读(79) 评论(0) 推荐(0)

2025年2月5日

JS-49 事件类型之键盘事件

摘要：键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件 ①keydown：按下键盘时触发。 ②keypress：按下有值的键时触发，即按下Ctrl、Alt、Shift、Meta这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件阅读全文

posted @ 2025-02-05 20:36 张筱菓阅读(46) 评论(0) 推荐(0)

JS-48 Event事件对象

摘要：一、Event事件对象：事件发生以后，会产生一个事件对象，作为参数传给监听函数。 Event对象属性：Event.Target、Event.type 1、Event.target Event.target属性返回事件当前所在的节点 //HTML代码为 //<p id="para">hello</p> 阅读全文

posted @ 2025-02-05 17:52 张筱菓阅读(19) 评论(0) 推荐(0)

JS-47 事件类型之鼠标事件

摘要： 1、鼠标事件鼠标事件指与鼠标相关的事件，具体的事件主要有以下一些： ①click：按下鼠标时触发 ②dblclick：在同一个元素上双击鼠标时触发 ③mousedown：按下鼠标键时触发 ④mouseup：释放按下的鼠标键时触发 ⑤mousemove：当鼠标在节点内部移动时触发。当鼠标持续移动时，阅读全文

posted @ 2025-02-05 17:51 张筱菓阅读(181) 评论(0) 推荐(0)

JS-46 事件处理程序

摘要：事件处理程序分为：HTML事件处理、DOM0级事件处理、DOM2级事件处理 1、HTML事件 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Js事件详解--事件处理</title> </head> <bod 阅读全文

posted @ 2025-02-05 15:55 张筱菓阅读(7) 评论(0) 推荐(0)

JS-45 CSS操作

摘要： CSS操作动态设置样式常用方法 1、HTML元素的style属性操作CSS样式最简单的方法，就是使用网页元素节点的setAttribute方法直接操作网页元素的style属性 div.setAttribute( 'style', 'background-color:red;'+'border:1 阅读全文

posted @ 2025-02-05 13:37 张筱菓阅读(15) 评论(0) 推荐(0)

2025年1月26日

JS-44 Element获取元素位置

摘要： 1、Element获取元素位置属性描述 clientHeight 获取元素高度包括padding部分，但是不包括border、margin clientWidth 获取元素宽度包括padding部分，但是不包括border、margin scrollHeight 元素总高度，它包括padding 阅读全文

posted @ 2025-01-26 17:52 张筱菓阅读(33) 评论(0) 推荐(0)

JS-43 document对象_方法/创建元素

摘要： document创建元素：createElement(创建元素) createTextNode（创建元素文本） createAttribute（创建元素的属性） 1、document.createElement() document.createElement方法用来生成元素节点，并返回该节点 va 阅读全文

posted @ 2025-01-26 17:25 张筱菓阅读(60) 评论(0) 推荐(0)

公告