湖南众诚建设 官方网站,建设工程服务中心是做什么的,重庆营销网站,开发平台游戏2024-1-1 祝福大家和自己健康喜乐#xff0c;升职加薪#xff0c;新年快乐
页面加载事件load
我们页面加载事件的触发是等所有的资源加载完毕时触发该事件。和click一样是事件#xff0c;但是触发时机是等资源加载#xff08;浏览器#xff09;完毕。这个事件我们可以将…
2024-1-1 祝福大家和自己健康喜乐升职加薪新年快乐
页面加载事件load
我们页面加载事件的触发是等所有的资源加载完毕时触发该事件。和click一样是事件但是触发时机是等资源加载浏览器完毕。这个事件我们可以将获取DOM对象进行操作放到这里面。一定能获取到DOM对象不为空。如果不写在这只能写在script或者其他事件。但是如果不写在事件触发自动有效果。就是写在这个事件内。我们这里事件也是之后写在行列中等同步先执行完再去执行行列内的异步。
addE...这个是可以对象绑定事件只不过事件是资源加载这个绑定的对象可以是img和script类型的DOM对象。可以是windowimgscropt。其他对象不能绑定无法触发。img是在元素要渲染前触发。
页面加载事件DOMContentLoaded
该事件触发时机是HTML加载好且DOM树生成好了但是外部资源还没有加载好是document元素才有这个事件。就会触发。在执行栈内先缓存再看行列内有没有再去渲染。渲染的时候有alertprompt会先渲染。
页面滚动事件scroll 该事件可以给任何对象添加得有滚动条滚动。页面滚动会触发document的scroll事件也会触发祖先window的scroll。普通对象的触发需要加overflow:scroll默认是overflow有滚动条滚动的时候触发。
DOM对象的属性scrollTop
dom对象有scrollTop属性值是滚动时内容区域改变。scroll是移动显示。只不过有一部分隐藏了。也不占标准流。我们把最上面的距离我们盒子上边距的距离的值存到对象的scrollTop属性内。没有负值。根据这个值我们可以可以当滚动事件时在里面根据scrollTop等值可以设置元素的定位等/当滚动多少时元素的显示隐藏改变渲染树。我们这个属性的类型是数值型Number
scrollLeft同理,可读写当改变时会重新渲染当渲染树改变时会重新渲染 。 何时触发
滚动鼠标会触发多次。
滚动到指定坐标 对象.scrollTO()这个方法可以让内容区域滚动到指定位置第一个参数是X第二个参数是Y方向上的距离。
scroll X和scroll Y
这个是对象的属性和scrollTop一样的值但是在window内有scrollX,而其他对象是scrollTop属性。只是可读的值是可以改变的但是改变不会渲染。滚动时会改这个值。如果自己改了这个值滚动不会再赋值。
页面尺寸事件 页面尺寸事件resize事件当窗口尺寸发生变化时触发当一直拉动窗口变化时会触发多次。
获取元素宽高 DOM对象内有上述两个属性内部存储此时对象盒子显示的宽和高,只是内容区域。
该属性也只是可读属性。 属性名是offsetwidth等是盒子的宽高。也是只读属性。offsetLeft是距离是盒子左外边框相对祖先最近的相对定位的盒子的左外边框的距离。 移动端触摸滚动事件
移动端的触摸事件是touchstart事件当一触摸时机执行。touchend手指离开屏幕触发。tochmove触摸着移动时触发。滚动时会触发多次。这些事件只有移动端才有点击事件移动端有。
