div自身高度 螢幕高度

2022-09-15 18:27:14 字數 1178 閱讀 4293

獲取元素高度

scrollwidth    //顯示當前元素的寬度

scrollheight   //顯示當前元素的高度

scrollleft     //顯示當前元素的左邊距左側的距離

scrolltop    //顯示當前元素的頂部距頂部的高度

window.innerheight - 瀏覽器視窗的內部高度

window.innerwidth - 瀏覽器視窗的內部寬度  

對於 internet explorer 8、7、6、5:

document.documentelement.clientheight

document.documentelement.clientwidth

或者document.body.clientheight

document.body.clientwidth

screen.**ailwidth - 可用的螢幕寬度

screen.**ailheight - 可用的螢幕高度

返回當前主機的名稱

location.hostname 返回 web 主機的網域名稱

location.pathname 返回當前頁面的路徑和檔名

location.port 返回 web 主機的埠 (80 或 443)

location.protocol 返回所使用的 web 協議(http:// 或 https://)

開啟乙個視窗:js也能實現

window.open() - 開啟新視窗

window.close() - 關閉當前視窗

window.moveto() - 移動當前視窗

window.resizeto() - 調整當前視窗的

這些標籤可以獲取當前div的高度和寬度。並實現在新視窗或者當前視窗開啟。

js的資料型別

字串(string)、數字(number)、布林(boolean)、陣列(array)、物件(object)、空(null)、未定義(undefined)。

j**ascript 物件

建立了乙個物件,全域性可以使用命名的函式獲取裡面的值。

獲取螢幕高度

想要網頁自適應,無論如何都要先獲取螢幕高度,給最外層的div,有利於也裡面的布局。vue中獲取螢幕寬高的方法 data 這些引數是什麼意思?根據你的需求選擇吧 window.innerwidth 瀏覽器視口 viewport 寬度 單位 畫素 如果存在垂直滾動條則包括它。document.docum...

讓div高度撐滿螢幕的方法

在body只有乙個div的時候,可以通過這樣的方式讓div撐滿整個螢幕。1.給div設定定位。複習一下 css中position有五種屬性 static 預設值,沒有定位 absolute 絕對定位,相對於父級元素進行定位 relative 相對定位 fixed 固定定位,相對於瀏覽器視窗進行定位 ...

櫥櫃高度與身高對照表 櫥櫃高度與身高公式是什麼

舒適的櫥櫃高度 使用者身高 2 5 10cm。舉個例子,如果使用者的身高是160,那麼舒適的櫥櫃高度就是160 2 5 10 85 90cm,按照這個公式,我們就能得出乙個櫥櫃高度與身高對照表,如下 身高160cm 適合高度範圍85cm 90cm 身高161cm 適合高度範圍86cm 91cm 身高...