js的杂乱笔记

Posted 2020-08-30

(1)
offsetwidth = width +padding +border;(不加margin)
offsetHeight = Height +padding +border;(不加margin)
(2)
offsetLeft:有定位的父元素的距离,如果父元素没有定位，就往上找。
offsetLeft和style.left区别
1.style.left带有px
2.offsetleft可读写。style.left不可写。
3.
(3)
offsetParent:检测带有定位(绝对和相对都可以)最近的父节点
(4)
调用定时器前先清除定时器
(5)
Math.ceil() 向上取整
Math.floor() 向下取整
Math.round() 四舍五入
(6)
onscroll:滚动的时候触发
scrollWidth和scrollHeight不包括padding,margin
兼容:
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
(7)
兼容:event = event||window.event;
pageY:以body作为参考
clientY:以客户端作为参考
screenY:以屏幕作为参考
(8)
禁止文本选中（选中后取消）
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
IE9和谷歌支持:window.getSelection().removeAllRanges()
IE9以下支持:document.selection.empty();
(9)
window.onresize = function(){};//检测浏览器的变化