摘要：
编辑本博客 监听滚动条 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>scroll系列</title> <style type="text/css"> *{ padding: 0; margin: 0; } 阅读全文
摘要：
编辑本博客 元素占位高，和宽 offsetTop：没有设置定位的话，到浏览器顶部的距离。如果设置定位后，即以父盒子为基准，即top值 offsetLeft：没设置定位，即到浏览器左边的位置。如果设置定位，则以父盒子为基准，即left值 offsetWidth：内容宽度+padding+border 阅读全文
摘要：
编辑本博客 window.onresize：监控屏幕可视区域的变化 document.documentElement.clientWidth：屏幕可视宽度 document.documentElement.clientHeight：屏幕可视高度 <!DOCTYPE html> <html lang= 阅读全文
摘要：
编辑本博客 BOM常用对象和方法： window.navigator.userAgent，用户浏览器 location，用window.location.href="https://www.baidu.com";进行页面调整 window.location.reload()全局刷新，尽量少用，刷新用 阅读全文
摘要：
编辑本博客 clientTop:顶部边框宽度 clientLeft:左边边框宽度 clientWidth:内容区域+左右padding区域，即可视宽度 clientHeight:内容区域+上下padding区域，即可视高度 <!DOCTYPE html> <html lang="en"> <head 阅读全文
摘要：
编辑本博客 ECMAScript，js语法 BOM浏览器对象模型，输出，屏幕宽高，滚动的宽高，setInterval等，window.open(),window.close(),window.location()等 阅读全文
摘要：
编辑本博客 open():打开网页，类似a标签，行间调用open方法window不能省略，参数2，_self表示当前窗口 close()：关闭当前网页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BOM之 阅读全文
摘要：
编辑本博客 巧用定时器 获取标签方式 清理定时器 记住当前位置 巧用定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无缝轮播</title> <style> *{ padding: 0; margin 阅读全文
摘要：
编辑本博客 setTimeout(func,inener)定时函数，隔x秒后执行一次动作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>5秒后关闭广告</title> <style type="text/c 阅读全文
摘要：
编辑本博客 this.onmouseover()鼠标悬浮在对象上 this.onmouseout()鼠标从对象上移除，还有其他很多方法 善用定时器清理 留意index值，可能在对象上存在其他对象，导致鼠标移动上去方法不生效 <!DOCTYPE html> <html lang="en"> <head 阅读全文