{"id":1266,"date":"2010-11-01T11:17:56","date_gmt":"2010-11-01T11:17:56","guid":{"rendered":"http:\/\/enjoyasp.net\/?p=1266"},"modified":"2010-11-01T11:29:07","modified_gmt":"2010-11-01T11:29:07","slug":"%e5%ae%bd%e5%ba%a6%e4%b8%8e%e9%ab%98%e5%ba%a6","status":"publish","type":"post","link":"https:\/\/enjoyasp.net\/index.php\/2010\/11\/01\/%e5%ae%bd%e5%ba%a6%e4%b8%8e%e9%ab%98%e5%ba%a6\/","title":{"rendered":"\u5bbd\u5ea6\u4e0e\u9ad8\u5ea6"},"content":{"rendered":"

\r\n\u5bbd\u5ea6\u4e0e\u9ad8\u5ea6\r\n1\uff0coffsetTop\u3001offsetLeft\u3001offsetWidth\u3001offsetHeight\r\noffsetTop\u3001offsetLeft\uff1a\u6307 obj \u76f8\u5bf9\u4e8e\u7248\u9762\u6216\u7531 offsetParent \u5c5e\u6027\u6307\u5b9a\u7684\u7236\u5750\u6807\u7684\u8ba1\u7b97\u4e0a\u4fa7\u3001\u5de6\u4fa7\u4f4d\u7f6e\u3002\r\noffsetWidth\u3001offsetHeight\uff1aobj.offsetWidth \u6307 obj \u63a7\u4ef6\u81ea\u8eab\u7684\u7edd\u5bf9\u5bbd\u5ea6\u3001\u9ad8\u5ea6\uff0c\u4e0d\u5305\u62ec\u56e0 overflow \u800c\u672a\u663e\u793a\u7684\u90e8\u5206\u3002\r\n\r\n2\uff0cscrollTop\u3001scrollLeft\u3001scrollWidth\u3001scrollHeight\r\n*scrollTop\u3001scrollLeft \uff1a\u6eda\u52a8\u6761\u5377\u8d77\u6765\u7684\u9ad8\u5ea6\u503c\u53ca\u5de6\u503c\u3002\r\n*scrollWidth\u3001scrollHeight\uff1a\u662f\u5185\u5c42\u5143\u7d20\u7684\u5b9e\u9645\u5bbd\u5ea6\u3001\u9ad8\u5ea6 + \u5916\u5c42\u5143\u7d20 padding(\u5305\u62ec\u56e0 overflow \u800c\u672a\u663e\u793a\u7684\u90e8\u5206)\r\n\r\n3\uff0cclientHeight \u4e0e clientWidth\uff1a\u662fdocument.body\u5185\u5bb9\u53ef\u89c6\u533a\u57df\u7684\u9ad8\u5ea6\u3001\u5bbd\u5ea6\uff0c\u4e5f\u5c31\u662f\u8bf4\u9875\u9762\u6d4f\u89c8\u5668\u4e2d\u53ef\u4ee5\u770b\u5230\u5185\u5bb9\u7684\u8fd9\u4e2a\u533a\u57df\u7684\u9ad8\u5ea6\u3001\u5bbd\u5ea6\r\n\r\n4\uff0cwindow.screen.height\u4e0ewindow.screen.width\uff1a\u6307\u5c4f\u5e55\u5206\u8fa8\u7387\u7684\u9ad8\u4e0e\u5c4f\u5e55\u5206\u8fa8\u7387\u7684\u5bbd  \u3002clientHeight+\u6d4f\u89c8\u5668\u5de5\u5177\u6761\u7684\u9ad8\u5ea6\u4e0escreen.height\u76f8\u8fd1\u3002\r\n\r\n\u6ce8\uff1a1\uff0coffsetTop\u4e0etop\u7684\u533a\u522b\uff1a\r\n\r\n* offsetTop \u8fd4\u56de\u7684\u662f\u6570\u5b57\uff0c\u800c style.top \u8fd4\u56de\u7684\u662f\u5b57\u7b26\u4e32\uff0c\u9664\u4e86\u6570\u5b57\u5916\u8fd8\u5e26\u6709\u5355\u4f4d\uff1apx\u3002\r\n* offsetTop \u53ea\u8bfb\uff0c\u800c style.top \u53ef\u8bfb\u5199\u3002\r\n\r\n\r\n\u4f8b\uff1a\u5b9a\u4f4d\u4e8e\u53f3\u4e0b\u89d2\uff1a\r\n