js基础
关注
分享
扫一扫
文章平均质量分 55
qq_27891995
这个作者很懒，什么都没留下…
展开
-
document.compatMode属性
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1Compat时，浏览器客户区宽度是do...转载 2019-03-04 14:02:05 · 153 阅读 · 0 评论 -
!DOCTYPE HTML
<!-- <!DOCTYPE HTML> --><html><head>&原创 2019-03-04 11:22:56 · 562 阅读 · 0 评论 -
document和document.documentElement的区别
例如，下面这个最常见的html文件。foo.html 文档的标题 文档的内容......此时的document就指的是这个foo.html文档，而document.documentElement则是。document表示整个文档Object.prototype.toString.call(document)//return “[object HTMLDocu...转载 2019-03-05 16:05:22 · 7083 阅读 · 0 评论 -
兼容性
document.onclick=function (ev) { //IE //alert(event.clientX+','+event.clientY); //FF //alert(ev.clientX+','+ev.clientY); var oEvent=ev||event; alert(oEvent.clientX+','+oEvent.cli...原创 2019-03-01 15:49:02 · 98 阅读 · 0 评论 -
offsetLeft,Left,clientLeft详解
背景最近写了一个滑动条，发现自己的对offsetLeft,Left,clientLeft这几个的概念还不是很清楚，于是决定细细研究下。分类client部分clientHeight:内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度(不含边框，也不包含滚动条等边线，会随窗口的显示大小改变)clientLeft,clientTop: 这两个返回的是元素周围边框的厚度（bo...转载 2018-12-25 11:38:21 · 367 阅读 · 1 评论 -
CSS绝对定位absolute详解
之前介绍过CSS浮动float详解，本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动float，对理解绝对定位absolute会大有帮助。先说absolute和float的相似处：包裹性 和 高度欺骗包裹性所谓一图胜千言（唯一的区别是：下图的div增加了absolute） 一旦给元素加上absolute或float就相当于给元素加上了disp...原创 2018-12-24 17:46:11 · 589 阅读 · 0 评论 -
元素定位，absolute，border，子节点margin-top
<!DOCTYPE html><html><head> <title></title></head><body> <!-- https://www.jianshu.com/p/9713e008696d 当父节点有边框时，父节点的margin-top默认为0；当父节点没有边框时，父节点原创 2018-12-24 17:02:34 · 242 阅读 · 0 评论 -
setInterval与函数作用于
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> #div1{ background: red; height: 10原创 2018-12-24 15:43:11 · 300 阅读 · 0 评论 -
定时器，setInterval
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;style type="t原创 2018-12-21 10:09:06 · 149 阅读 · 0 评论 -
一串跟着鼠标移动的div
正确的动态效果<script>function getPos(ev){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;...原创 2019-03-18 15:27:34 · 200 阅读 · 0 评论