JavaScript
文章平均质量分 60
ZQsSpace
一名初级前端工程师
展开
-
JavaScript事件对象中与距离相关的属性
movementX和movementY属性表示事件发生时,鼠标指针相对于上一次触发相同事件时的水平和垂直距离。通过使用这些与距离相关的属性,我们可以确定事件发生的位置和移动距离。offsetX和offsetY属性表示事件发生时,鼠标指针相对于事件源元素的水平和垂直距离。offsetTop和offsetLeft属性可以用来获取元素相对于其最近的定位父元素的顶部和左侧的距离。offsetWidth和offsetHeight属性可以获取元素的宽度和高度,包括边框和滚动条的宽度。原创 2024-03-08 13:45:10 · 563 阅读 · 1 评论 -
JS基础之BOM基本操作练习(返回网页顶部,吸顶条)
JS基础之BOM基本操作练习(返回网页顶部,吸顶条);本篇文章包含了两个基于BOM基本操作的小练习,用于进一步加强对BOM基本操作的掌握。关于BOM的基本操作可简单参考。原创 2023-02-10 16:42:07 · 140 阅读 · 0 评论 -
JS基础之BOM基本操作的简单练习(图片修改前后对比)
JS基础之BOM基本操作的简单练习(图片修改前后对比);本篇文章包含了一个基于BOM基本操作的小练习,用于进一步加强对BOM基本操作的掌握。关于BOM的基本操作可简单参考。原创 2023-02-10 16:17:06 · 67 阅读 · 0 评论 -
JS基础之BOM浏览器对象模型的基本介绍及简单操作
window.alert(); 提示弹窗;window.prompt(); 可输入弹窗,返回输入值和boolean;window.confirm(); 确认框,返回的是boolean类型;window.open(); 在新窗口打开网页;window.close() 关闭当前窗口;window.setTimeOut(函数, 毫秒数); // 计时器,只执行一次;window.setInterval(函数, 毫秒数); // 计时器,每多少秒执行一次;原创 2023-02-10 15:59:58 · 58 阅读 · 0 评论 -
JS基础之表单部分相关操作与正则表达式
/将正则匹配的字符﹐放在数组中,进行返回,如果没有返回null。// 通过索引(键名)获取。// 通过id(键名)获取。(3)str.replace(正则, 替换内容);/a[bc]d/ abd或acd /a[b|c]d//^\d\w$/ 匹配一个数字开头,一个单词结尾的结果,如:5w。/[abc]/ a或b或c /[a|b|c]//a[ab]/ aa或ab /a[a|b]/document.forms //获取节点下的所有form表单。原创 2023-02-10 15:53:22 · 80 阅读 · 0 评论 -
JS基础之DOM事件的简单介绍及相关操作
事件处理:发生某个事情后,你的反响(你的处理方式)问题:网页事件发生,如果想对网页对应的事件发生后,做一些处理.解决方案:对事件进行绑定(指事件绑定处理程序–函数),将事件和对应事件处理进行关联。原创 2023-02-08 20:15:02 · 110 阅读 · 0 评论 -
JS基础之DOM节点和网页元素基本操作练习(侧边栏菜单,滚动菜单,tab选项卡,背景切换)
JS基础之DOM节点和网页元素基本操作练习(侧边栏菜单,滚动菜单,tab选项卡,背景切换)原创 2023-02-08 20:08:33 · 280 阅读 · 0 评论 -
JS基础之DOM节点和网页元素基本操作练习(下拉列表和复选框操作案例)
JS基础之DOM节点和网页元素基本操作练习(下拉列表和复选框操作案例);练习一, 通过选择省份,获取所选省份的城市;练习二,复选框的全选与反选;练习三,下拉列表多选项的移动;原创 2023-02-08 10:30:54 · 241 阅读 · 0 评论 -
JS基础之DOM对节点属性和样式的基本操作(一)
元素节点.setAttribute("属性名","值");元素节点.removeAttribute("属性名");元素节点.getAttributeNode("属性名");元素节点.getAttribute("属性名");元素节点.getAttribute("属性名");element.setAttribute("class","类名")父节点.insertBefore(新节点,引用节点);元素节点.attributes //获取当前元素所有的属性节点。父节点.replaceChild(新节点,旧节点);原创 2023-02-08 09:50:29 · 962 阅读 · 0 评论 -
JS基础之DOM节点和网页元素基本操作练习(一)
本篇文章包含了基于DOM节点和网页元素基本操作的3个小练习,用于进一步掌握对DOM节点和网页元素的获取和操作。练习1:模拟点击隐藏显示顶部栏;练习2:模拟添加标签;练习3:模拟简单轮播图;原创 2023-02-06 09:55:54 · 410 阅读 · 1 评论 -
JS基础之DOM文档对象模型的简单介绍及节点和网页元素的基本操作
document.querySelector() // 返回第一个dom节点对象,没有返回NaN。outerHTML: 获取或设置元素节点的内容,内容标签可被解析,包含自身节点也会被替换。prevElementSibling: 返回当前节点的上一个元素节点。nextElementSibling: 返回当前节点的下一个元素节点。firstElementChild: 返回当前节点的第一个子元素节点。lastElementChild: 返回当前节点的最后一个子元素节点。原创 2023-01-13 17:47:24 · 168 阅读 · 2 评论