记录JS学习

1.clientWidth和clientHeight获取到的数据是不包含边框的,而offsetW和offsetH是包含边框的.

2.立即调用函数  作用 独立创建了一个作用域,里面所有的变量都是局部变量,不会有冲突

写法1:(function(形参) {

内容...

})(实参)

 

写法2:(function (a,b) {

内容

} (1,2))

3.document.addEventListener('DOMContentLoaded' , setBodyFontSize) 这是设置等页面加载完毕后  执行setB这个函数

4.scroll系列属性  scrollWidth 返回自身实际的高度 不含边框 height同理

scrollTop 和scrollLeft  元素被卷去的头部和被卷去的左侧

 

注意 页面获取滚动距离是通过pageXoffset和pageYoffset

5. mouseover和mouseenter的区别

mouseover 鼠标经过自身和子盒子都会触发  enter不会(enter不会冒泡) mouseleave和enter一样

6.动画的基本原理 

通过定时器setInterval 

7.给不同的元素指定不同的定时器 

8.将动画函数封装成js

 

9. window.scroll(x,y) 页面滚动到指定坐标

页面滚动了多少距离 是用window.pageYOffset得到