[browser srceen]、很多未知望大神告知、简单写了个拖拽

未知作用的有、如果也有像我1样好奇的小伙伴了解了麻烦告知

 1 //    console.log(window.screen.availWidth);//未知效果
 2 //    console.log(window.screen.availHeight);//未知效果
 3 //
 4 //    console.log(window.screen.width);//未知效果
 5 //    console.log(window.screen.height);//未知效果
 6 //
 7 //    console.log(window.screen.bufferDepth);
 8 //    console.log(window.screen.colorDepth);
 9 //    console.log(window.screen.deviceXDPI);
10 //    console.log(window.screen.deviceYDPI);
11 //    console.log(window.screen.fontSmoothingEnabled);
12 //    console.log(window.screen.logicalXDPI);
13 //    console.log(window.screen.logicalyDPI);
14 //    console.log(window.screen.pixelDepth);
15 //    console.log(window.screen.updateInteral);

js高级程序设计 p214-215看到的,也没看懂

 

 

 

 

找到一张图炒鸡好、分享大家看看

 

另外看到的一些关于客户端的

 1 //    //客户端宽度固定、高度会因为内容而改变、不包括margin值
 2 //    console.log(document.body.clientWidth);//客户端可见宽度
 3 //    console.log(document.body.clientHeight);//客户端可见高度
 4 //
 5 //    //同clientWidth clientHeight 效果一样
 6 //    console.log(document.body.offsetWidth);
 7 //    console.log(document.body.offsetHeight);
 8 //
 9 //    console.log(document.body.scrollWidth);//会检测到媒体查询赋值的宽度
10 //    console.log(document.body.scrollHeight);//获得效果跟clientHeight 和 offsetHeight一样
11 //
12 //    console.log(document.body.scrollTop);//未知效果
13 //    console.log(document.body.scrollLeft);//未知效果
14 //
15 //    console.log(window.screenTop);//未知效果
16 //    console.log(window.screenLeft);//未知效果
17 
18 //    console.log(document.documentElement.scrollTop);//获得滚动条往下滚动的高度
19 //    console.log(document.documentElement.scrollLeft);//获得滚动条往左滚动的长度
20 
21     var obj = document.getElementById('div');
22 
23     //div上左
24     var divTop =  obj.clientTop + obj.offsetTop + document.body.clientTop;
25     console.log(obj.clientTop + '--' + obj.offsetTop + '--' + document.body.clientTop);
26     console.log(divTop);
27 
28     var divLeft = obj.clientLeft + obj.offsetLeft + document.body.clientLeft;
29     console.log(obj.clientLeft + '--' + obj.offsetLeft + '--' + document.body.clientLeft)
30     console.log(divLeft);

写了一个简单的拖拽

 1     
13 
14 
15 

16