2024-06-02

18.阻止元素默认行为

19.其他事件

1.页面加载事件

这样子可以把script写在样式表的上边,因为他改变了代码的执行顺序,他是等待其他资源执行完成以后再进行页面加载事件的内容。 window是等待页面全部加载完执行,DOMContentLoaded是等待document加载完执行

2.元素滚动事件

window代表的就是整个页面的大小,所以我们页面滚动的时候,需要获取的对象是window,documentElement代表的是html(但我们不能直接用html,语法不可以这样),所以document.documentElement获取到的是页面的基本信息。

3.补充事件

e.pageX可以取得目前鼠标位置离页面左侧的距离,元素.getBoundingClientRect().left可以获得该元素离页面(可视窗口)左侧的距离,offsetLeft在面对父盒子有定位时,只能以父盒子相对距离为参考,父盒子没有定位才是以定位为参考目标。 注意:元素.getBoundingClientRect().top随着滚动条的滑动,一般是不断减小。因为他是元素距离可视窗口顶部的距离

20.offsetTop与offsetLeft

offsetTop可以获得某个区域距离带定位的父级的顶部距离。一般常用于页面滚动到某个区域时,弹出内容

五.本地存储

1.基本操作

注意:所有的键必须加引号,不加引号当成变量来看了。所以的值会自动转化为字符串存储,所以我们要用的时候注意转化数据类型

2.如何处理复杂数据类型

1.存储复杂数据类型

2.取出复合数据类型

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容