大家好，又见面了，我是你们的朋友全栈君。
<!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").innerWidth(function(index,innerWidth){ return Math.max(innerWidth,150);//设置内宽度为不小于150 }) $("#a").innerWidth(20);//设置内宽度为20 $(document).ready(function(){ $("p:eq(0)").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 Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join()) </script> </body> </html>
转载于:https://www.cnblogs.com/rysly/p/clientWidth_usage.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/163024.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
