1.1 length
length 屬性返回在當前視窗中frames的數量(包括iframes)。
該屬性值與window.frames.length屬性值相等。
1.2 innerwidth/height
視窗中文件顯示區域的寬度,該屬性可讀可寫,以畫素計。
這裡的寬度和高度不包括選單欄、工具欄以及滾動條等的高度。
ie8之前不支援這些屬性。它用 document.documentelement 或 document.body (與 ie 的版本相關)的 clientwidth 和 clientheight 屬性作為替代。
1.3 outerwidth/height
表示視窗的寬度包括兩邊的border及滾動條的值, outerheight 表示視窗的高度包括選單,位址列,工具欄等,屬性可讀性。
ie8之前的瀏覽器不支援,且沒有提供替代的屬性。
1.4 滾動值
scrolly:firefox、chrome,opera支援,ie不支援,忽略doctype規則。
pageyoffset:ie9+ 、firefox、chrome,opera均支援該方式獲取頁面滾動高度值,並且會忽略doctype定義規則。
延伸記憶:
document.documentelement.scrolltop:如果頁面定義了doctype文件頭,基本所有的瀏覽器都支援。除safari貌似不支援,定義html5 doctype,支援body.scrolltop卻不支援documentelement.scrolltop。
document.body.scrolltop:如果沒定義doctype,所有瀏覽器都支援,(定義了doctype,chrome 也支援)
1.5 screenx/y
表示視窗相對於螢幕左上角的位置。注意ie不支援此屬性。唯讀屬性。
screentop/screenleft屬性值相同。
1.6 devicepixelratio
window.devicepixelratio是裝置上物理畫素和裝置獨立畫素(device-independent pixels (dips))的比例。公式表示就是:window.devicepixelratio = 物理畫素 / dips。比如電腦時值為1,iphonex值為3。
dip或dp,(device independent pixels,裝置獨立畫素)與螢幕密度有關。dip可以用來輔助區分視網膜裝置還是非視網膜裝置。
瀏覽器一般都會有放大縮小的控制項,當你選擇不同的縮放比例時,window.devicepixelratio都會相應的改變。比如將頁面放大2倍,那麼window.devicepixelratio=2。
這個值大多用在移動裝置上,正常人眼可以識別的解析度為300ppi,而現在很多裝置的解析度都超過了300ppi。如果裝置總是以滿解析度來顯示東西就可能造成文字太小,人們看不清。因此像瀏覽器這樣的軟體就會對內容做一次放大後再進行渲染,也就是降低解析度。要降低解析度就需要讓畫素這個單位變大,因此ppi的計算不再使用物理畫素,而改用裝置獨立畫素。那麼裝置獨立畫素和物理畫素之間就存在乙個比例差異,這就是裝置畫素比。
1.7 temporary
該屬性通常與persistent一起使用。由於此時僅googlechrome 瀏覽器可以實施此filesystemapi,目前尚不存在專門用於檔案/配額管理的瀏覽器使用者介面,故在此不再深入研究。
瀏覽器根物件window之操作方法
alert 帶有一條指定訊息和乙個ok按鈕的警告框。confirm 帶有指定訊息和ok及取消按鈕的對話方塊。prompt 可提示使用者進行輸入的對話方塊。print 列印網頁。open 開啟乙個新的瀏覽器視窗或查詢乙個已命名的視窗。close 用於自動關閉瀏覽器視窗。focus 可把鍵盤焦點給予乙個...
瀏覽器根物件document之方法概述
getrootnode返回上下文的根節點。queryselector返回文件中匹配指定 css 選擇器的第乙個元素。queryselectorall返回文件中匹配指定 css 選擇器的所有元素。getelementbyid getelementsbyclassname getelementsbyna...
瀏覽器根物件document之數值和布林屬性
element node 1乙個 元素 節點,例如 和 text node 3element 或者 attr 中實際的文字 processing instruction node 7乙個用於xml文件的 processinginstruction 例如 宣告。comment node 8乙個 com...