瀏覽器根物件window之值為數值的屬性

2022-08-16 10:33:09 字數 1635 閱讀 9039

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...