|
|
原來它需要xhtml才行，而公司的產品是html的。為此，研究了一下自適應大小的實現。
原來一直覺得jquery取寬度高度很神奇，原來是直接取的dom中element的offsetWidth/offsetHeight等屬性，當有element插入dom中，瀏覽器就會根據規則計算出相應的屬性，這里抄幾個相關的屬性。
scrollWidth 是對象的實際內容的寬，不包邊線寬度，會隨對象中內容的多少改變（內容多了可能會改變對象的實際寬度）。
clientWidth 是對象可見的寬度，不包滾動條等邊線，會隨窗口的顯示大小改變。
offsetWidth 是對象的可見寬度，包滾動條等邊線，會隨窗口的顯示大小改變。
clientWidth、offsetWidth、clientHeight..區別
IE6.0、FF1.06+：
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5：
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(需要提一下：CSS中的margin屬性，與clientWidth、offsetWidth、clientHeight、offsetHeight均無關)
offsetwidth:是元素相對父元素的偏移寬度。等于border+padding+width
clientwidth：是元素的可見寬度。等于padding+width
scrollwidth:是元素的寬度且包括滾動部分。
研究了下實現不了的原因。原來是jquery.alerts控件里面全是div的，簡單的HTML在IE里，div的寬度似乎不根據內部內容變大而變大，直接有多大就多大，這樣取到的offsetWidth就很大了，自適應大小就沒實現，當然XHTML的情況取offsetWidth就可以了。
看了下EXT的實現方式，它就聰明多了，內部內容用span等隨內容大小變化的el，這樣取到offset屬性就真實了，然后將內部一個個el的寬度都加上，包括padding和border，算出外層的總寬度。
雖然也想簡單用xhtml，但沒辦法。還是學EXT，雖然麻煩一些，但可靠。
JavaScript技術：jquery BS,dialog控件自適應大小，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
