
BOM
编码要得劲
努力学习
展开
-
navigator与history的使用
navigator通常使用navigator.userAgent可以获得用户所使用的浏览器的版本与系统信息//判断用户使用的浏览器,打开不同的页面if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios| iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC |F...原创 2019-08-05 23:12:26 · 396 阅读 · 0 评论 -
location对象
location对象的属性属性返回值location.hreflocation.host返回域名 比如(www.baidu.com)location.port返回端口号,如果未写返回,则为空字符串location.pathname返回路径location.search返回参数,?后面的location.hash返回片段,#后面内容,常...原创 2019-08-05 22:26:24 · 140 阅读 · 0 评论 -
DOM操作经典案例
DOM操作经典案例百度换肤案例鼠标移进移出变色(行变色)表单全选全取消案例tag导航栏切换案例百度换肤案例百度换肤案例就是当你点击一张图片时,当前的背景图片就为你所点击的这张图片,实现起来也比较简单,就是更改一下backgroundImage的url路径js代码: <script> var img=document.querySelectorAll('img')...原创 2019-08-05 14:34:43 · 2152 阅读 · 0 评论 -
offset与client的区别
offsetWidth 返回的是内容加边框的宽度,width+borderclientWidth 返回的只有内容的宽度,不包含边框的宽的 widthoffsetLeft 返回的是距离上一个有定位父级元素的左边距离clientLeft 返回的是左边框的宽度...原创 2019-08-06 14:34:31 · 1679 阅读 · 0 评论 -
offset client scroll三大系列总结区别
对比作用ele.offsetWidth返回的值=border+padding+width,不带单位ele.clientWidth返回的值=padding+width,不带单位ele.scrollWidth返回的值=width+溢出的值,不带单位使用心得:1,offser 经常用于获得元素的位置,offsetLeft offse...原创 2019-08-06 16:38:13 · 214 阅读 · 0 评论 -
mouseenter与mouseover的区别
1,mouseover会有冒泡机制,不仅经过自身盒子会触发,而且经过子元素也会触发2,mouseenter不会冒泡,所以只有经过自身的元素才会触发,经过子元素不会触发与mouseenter对应的有一个mouseleave事件,它同样没有冒泡事件...原创 2019-08-06 16:45:26 · 103 阅读 · 0 评论