scrollWidth
是對象的實際內容的寬，不包邊線寬度，會隨對象中內容的多少改變（內容多了可能會改變對象的實際寬度）。
clientWidth
是對象可見的寬度，不包捲軸等邊線，會隨視窗的顯示大小改變。
offsetWidth
是對象的可見寬度，包捲軸等邊線，會隨視窗的顯示大小改變。
一個scrollWidth和clientWidth的例子：
<html> <head> <title>77.htm檔案</title> </head> <body> <textarea wrap="off" onfocus="alert('scrollWidth:'+this.scrollWidth+'\n clientWidth:'+this.clientWidth);"></textarea> </body> </html>
在文字框內輸入內容，當橫向捲軸沒出來前scrollWidth和clientWidth的值是一樣的。當一行內容超出文字框的寬度，就有橫向捲軸出來了，scrollWidth的值就變了。
scrollWidth是對象實際內容的寬度。
clientWidth是對象看到的寬度（不含邊線），這個例子裡不會改變。
一個clientWidth和offsetWidth的例子：
<html> <head> <title>77.htm檔案</title> </head> <body> <textarea wrap="off" onfocus="alert('offsetWidth:'+this.offsetWidth+'\n clientWidth:'+this.clientWidth);"></textarea> </body> </html>
offsetWidth的值總是比clientWidth的值大。
clientWidth是對象看到的寬度（不含邊線）
offsetWidth是對象看到的寬度（含邊線，如捲軸的佔用的寬）
以上就是scrollWidth,clientWidth與offsetWidth的區別_經驗交流的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
