动画
一、动画:
(1)CSS样式提供了运动。
过渡的属性:transition 从一种情况到另一种情况叫过渡。
transition:attr time linear delay.
attr是变化的属性;
time是花费的时间;
linear是变化的速度;
delay是延迟。
(2)JS提供的运动:
元素的client/offset/scroll三个系列
clientWidth/clientHeight/clientTop/clientLeft
offsetWidth/offsetHeight/offsetTop/offsetLeft/offsetParent
scrollWidth/scrollHeight/scrollTop/scrollLeft
这十三个属性,前面是只读属性,scrollTop和scrollLeft是既可读也可写。
获取浏览器的body属性是有兼容的
var dd=document.body||document.documentElement.
scrollTop和scrollLeft的最小值是0
获取body的整个的文档的高:
document.body.scrollHeight||document.documentElement.scrollHeight
获取浏览器一屏幕的高(浏览器的可视区):
document.body.clientHeight||document.documentElement.clientHeight
window下的两个事件:
onscroll:当滚动条滚动的时候触发;
onresize:当窗口发生改变时触发。
二、BOM浏览器对象模型
1.window.open(url,ways)
url是打开的网页地址;
ways是打开的方式。_self
2.window.close()
3.浏览器用户信息
window.navigator
4.浏览器地址信息:
window.locaation
5.window.history 记录浏览器的访问历史记录
window.history.forward() 前进,最新的访问记录。
window.history.back() 返回
函数的解析:
函数 如果我们把它当做函数看,就只能起到函数的意思,可以封装。
如果我们把函数当作函数对象看,就可以实现一些继承了
可以在控制台dir(fn)
可以发现在原型链上函数对象天生带call(),apply(),bind()三个方法。
这三个方法可以改变函数内的this指向。
A.Call(B,c,d) B取代了A中的this,然后把B给调用了
jian取代了add中的this,然后把add调用了。
Call和apply的区别:
案例分析:
Math.max(34,45,6,12) 找出这些数字中的最大项,但是参数必须是数字。
现在我们有个arr[24,45,56,5] 想通过math找到里面的最大项。
Var s=Math.max.apply(null,arr)