<!DOCTYPE html> <html> <head> <title></title> <meta charset='utf-8'/> <style type="text/css"> *{ margin: 0; padding: 0; /*box-sizing: border-box;*/ } .a{ width: 100px; height: 100px; background-color: red; /*margin:30px;*/ padding: 30px; border:30px solid #969696; } </style> </head> <body> <section id = 's'class="a"></section> <script type="text/javascript"> alert'clientWidth:'+document.getElementById"s").clientWidth); alert'clientHeight:'+document.getElementById"s").clientHeight); alert'offsetWidth:'+document.getElementById"s").offsetWidth); alert'offsetHeight:'+document.getElementById"s").offsetHeight); alert'scrollWidth:'+document.getElementById"s").scrollWidth); alert'scrollHeight:'+document.getElementById"s").scrollHeight); alert'scrollTop:'+document.getElementById"s").scrollTop); alert'scrollLeft:'+document.getElementById"s").scrollLeft); alert'screenTop:'+window.screenTop); alert'screenLeft:'+window.screenLeft); alert'screen.height:'+window.screen.height); alert'screen.width:'+window.screen.width); alert'screen.availHeight:'+window.screen.availHeight); alert'screen.availWidth:'+window.screen.availWidth); //innerWidth不包括border和margin $"div").innerWidthfunctionindex,innerWidth){ return Math.maxinnerWidth,150);//设置内宽度为不小于150 }) $"#a").innerWidth20);//设置内宽度为20 $document).readyfunction){ $"p:eq0)").css"background-color","#dddddd");//选择器 }) $"img").attr"width");//获取属性 $"img").attr"width","180");//设置属性值 $"img").attr{width:"50",height:"80"}); $this).find"input[type=radio]").attr"checked",true); // join) 方法用于把数组中的所有元素放入一个字符串。 var arr = new Array3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.writearr.join)) </script> </body> </html>
转载于:https://www.cnblogs.com/rysly/p/clientWidth_usage.html