亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

原生js獲取寬高與jquery獲取寬高的方法關系對比

2019-11-20 20:52:05
字體：大 中 小
來源：轉載
供稿：網友
說明：1、因為獲取高度的情況跟獲取寬度的情況一樣，所以以下只說獲取寬度的情況。
　　　2、以下所說的所有方法與屬性所返回的值都是不帶單位的。
　　　3、為了方便說明，以下情況采用縮寫表示：

　　　　obj -> 在原生JS中表示DOM對象；在JQuery中表示JQuery對象
　　　　Width -> obj.style.width
　　　　OffsetWidth -> obj.offsetWidth
　　　　$width -> obj.width()
　　　　$innerWidth -> obj.innerWidth()
　　　　$outerWidth -> obj.outerWidth()
　　　　padding -> 表示對象的padding-left和padding-right之和
　　　　border -> 表示對象的border-left-width和border-right-width之和

原生JS獲取寬度的相關屬性有 width和offsetWidth。width的獲取方法是obj.style.width，只有當對象是通過內嵌方式設定寬度時才能獲得，否則返回的是一個空字符串。offsetWidth獲得的值跟JQuery中獲得對象的outerWidth一樣，offsetWidth是非標準的但卻得到很好支持的屬性。

JQuery獲得寬度的方法有width()、innerWidth()、outerWidth()這三種方法。具體使用方式是：obj.width()、obj.innerWidth()、obj.outerWidth()。width()獲得的是對象的內容寬度，innerWidth()獲得的是對象的內容寬度與填充寬度的和，outerWidth()獲得的是包括邊框、填充寬度與內容寬度在內的寬度。

這五種方法之間的關系如下：

width = $width;
offsetWidth = border + padding +width;
$innerWidth = padding + width;
$outerWidth = border + padding +width;

這五種方法對firefox、chrome、opera、safari、ie6、ie7、ie8、ie9都兼容，只是存在著兩種問題：1、width在沒有設定的情況下，chrome在第一次打開頁面時，所獲取到的寬度全部都是錯誤的。第二次打開時，結果就跟firefox一致。2、ie6未設定寬高的情況下，不會出現滾動條。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩电影中文 亚洲精品乱码| 国产精品一二三在线| 亚洲白虎美女被爆操| 亚洲成人国产精品| 精品国产91乱高清在线观看| 国产在线观看不卡| 国模吧一区二区三区| 8050国产精品久久久久久| 欧美日韩国产成人| 国产成人91久久精品| 成人免费网视频| 亚洲bt欧美bt日本bt| 久久亚洲欧美日韩精品专区| 日韩在线播放一区| 国产欧美va欧美va香蕉在线| 中文字幕九色91在线| 78m国产成人精品视频| 久久天天躁狠狠躁夜夜躁2014| 亚洲激情视频网站| 国产精品十八以下禁看| 欧美精品videos另类日本| 国产精品久久精品| 日韩精品极品在线观看播放免费视频| 欧美主播福利视频| 色香阁99久久精品久久久| 久久精品电影网| 成人激情视频免费在线| 久久精品国产精品| 亚洲欧美在线一区| 成人免费高清完整版在线观看| 中文字幕欧美专区| 国产一区二区三区视频免费| 91精品视频专区| 成人精品久久av网站| 欧美激情一级欧美精品| 色系列之999| 日韩美女福利视频| 精品国产乱码久久久久久天美| 欧美在线欧美在线| 欧美日韩精品中文字幕| 国产精品久久久久久亚洲影视| 久久久久久中文| 日韩av影片在线观看| 91精品国产综合久久久久久久久| 亚洲精品aⅴ中文字幕乱码| 中文一区二区视频| 亚洲影视九九影院在线观看| 美女999久久久精品视频| 日韩在线免费高清视频| 欧美精品成人91久久久久久久| 亚洲最大的av网站| 国产精品99久久99久久久二8| 欧美成人一二三| 欧美精品一区二区免费| 日韩欧美亚洲一二三区| 日韩激情av在线免费观看| 亚洲色图欧美制服丝袜另类第一页| 国产精品视频成人| 精品少妇一区二区30p| 日韩av电影免费观看高清| 亚洲福利视频在线| 色噜噜狠狠色综合网图区| 国产精品视频资源| 亚洲va欧美va在线观看| 亚洲一区二区少妇| 日韩欧美成人区| 97国产精品免费视频| 精品国产老师黑色丝袜高跟鞋| 欧美激情va永久在线播放| 亚洲人成伊人成综合网久久久| 日韩av片永久免费网站| 日韩一区二区三区在线播放| 欧美在线一区二区三区四| 亚洲国产欧美久久| 欧美在线欧美在线| 日韩美女写真福利在线观看| 91国内在线视频| 日韩最新在线视频| 91av视频在线免费观看| 欧美老女人在线视频| 日韩在线视频观看正片免费网站| 爽爽爽爽爽爽爽成人免费观看| 高清一区二区三区四区五区| 欧美日韩综合视频| 国产精品成熟老女人| 亚洲精品v欧美精品v日韩精品| 国产区精品视频| 国产日本欧美视频| 青青久久aⅴ北条麻妃| 亚洲色图第一页| 97国产成人精品视频| 热99精品只有里视频精品| 欧美日韩国产第一页| 日韩成人小视频| 日韩一区二区在线视频| 98视频在线噜噜噜国产| 久久久免费高清电视剧观看| 国产精品成人一区| 亚洲毛片在线看| 国产在线一区二区三区| 日韩免费av在线| 日韩在线观看免费av| 91老司机精品视频| 亚洲视频999| 日本电影亚洲天堂| 九九综合九九综合| 亚洲精品色婷婷福利天堂| 国产欧美最新羞羞视频在线观看| 日韩欧美999| 亚洲毛片一区二区| 日韩成人高清在线| 国产精品久久久久久久久粉嫩av| 久久久久久国产精品三级玉女聊斋| 日韩视频精品在线| 最近的2019中文字幕免费一页| 欧美亚洲成人免费| 久热精品视频在线观看| 国产欧美一区二区白浆黑人| 欧美日韩亚洲国产一区| 日韩在线观看成人| 欧美日韩aaaa| 国产精品久久久久久av福利软件| 98精品在线视频| 91精品国产自产在线观看永久| 久久久久女教师免费一区| 一区二区三区回区在观看免费视频| 久久亚洲精品国产亚洲老地址| 亚洲精品黄网在线观看| 狠狠操狠狠色综合网| 久久五月天综合| 超碰97人人做人人爱少妇| 国产一区二区三区在线免费观看| 国产精品国产三级国产aⅴ浪潮| 国内偷自视频区视频综合| 中文字幕国产精品| 欧美日本在线视频中文字字幕| 久久天天躁狠狠躁夜夜躁| 久久久爽爽爽美女图片| 欧美另类在线观看| 精品福利视频导航| 日韩电影免费观看在线观看| 欧美激情一区二区三区在线视频观看| 欧美成人精品一区二区三区| 国产精品99久久久久久www| 国产视频精品一区二区三区| 午夜精品久久久久久久白皮肤| 日韩精品电影网| 久久69精品久久久久久久电影好| 国产精品美女久久| 中文字幕日本欧美| 国产一区二区久久精品| 在线视频免费一区二区| 亚洲午夜未满十八勿入免费观看全集| 97人人模人人爽人人喊中文字| 亚洲欧洲一区二区三区在线观看| 97av在线影院| 日韩精品视频观看| 午夜精品久久久久久久久久久久| 日韩欧美极品在线观看| 国产一区二区黄| 国产亚洲一区二区精品| 成人免费直播live| 亚洲在线一区二区| 日韩精品视频免费专区在线播放|