1.❤️❤️前言~🥳🎉🎉🎉
Hello, Hello~ 亲爱的朋友们👋👋,这里是E绵绵呀✍️✍️。
如果你喜欢这篇文章,请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣,记得关注我👀👀以便不错过每一篇精彩。
当然,如果在阅读中发现任何问题或疑问,我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力,一起进步!
加油,一起CHIN UP!💪💪
🔗个人主页:E绵绵的博客
📚所属专栏:1. JAVA知识点专栏
深入探索JAVA的核心概念与技术细节
2.JAVA题目练习
实战演练,巩固JAVA编程技能
3.c语言知识点专栏
揭示c语言的底层逻辑与高级特性
4.c语言题目练习
挑战自我,提升c语言编程能力
5.Mysql数据库专栏
了解Mysql知识点,提升数据库管理能力
6.html5知识点专栏
学习前端知识,更好的运用它
7. css3知识点专栏
在学习html5的基础上更加熟练运用前端
8.JavaScript专栏
在学习html5和css3的基础上使我们的前端使用更高级
📘 持续更新中,敬请期待❤️❤️
2.元素偏移量(offset)
offset系列相关属性可以动态获取元素的位置、大小等属性
注:获取元素是距离带有定位的父级元素的位置;获取元素大小返回值不带单位!
element.offsetParent //返回该元素带有定位的父级;若无定位父级返回body
element.offsetTop/Left //返回该元素距离带定位父级的上/左距离;不带单位
element.offsetWidth/Height //返回包括padding、boder以及内容区的宽度;不带单位
注意我们只能用offsetTop/Left得到距离,不能用它改变距离。
改变距离我们用style样式表
3.元素可视区域(client)
client系列来获取元素可视区的相关信息,可以动态得到改元素边框与元素大小;
注:返回值不带单位!
element.clientTop/Left //返回元素上边框或左边框
element.clientWidth/Height //返回包括自身宽/高度以及padding的值,不含边框
注意其也是只能得到距离,不能改变。
4.元素滚动(scroll)
scroll系列来动态获取元素大小,滚动距离
注:返回值不带单位!
element.scrollTop/Left //返回被卷去的上/左侧距离
element.scrollWidth/Height //返回自身实际宽/高度(不含边框),如果里面的内容超出本身元素的宽度或高度,得出的是里面内容的宽度或高度。
window.pageYOffset //获取页面被卷去的头部高度
window.pageXOffset //获取页面被卷去的左侧高度
5.立即执行函数
//第一种
(function(实参) {函数体}) (形参);
//第二种
(function(实参){函数体}(形参))
作用:创建一个独立的作用域,避免了命名冲突问题
立即执行函数:不需要调用,立马能够自己执行函数
里面所有变量为局部变量
6.click直接调用
对于一般的click我们是要鼠标点击才能触发,除此之外我们还能直接代码调用函数
window.click()就能直接触发鼠标事件
其他事件如mouseover等也类似差不多的逻辑
7.滚动窗口至文档的特定位置
window.scroll(x,y)可以实现该功能,一般我们把x都设置为0,y依照我们想要的去设置不同数值。