用JS來控制DIV視窗的寬高

2021-07-28 07:35:25 字數 444 閱讀 2961

在一次用js做註冊頁面驗證的時候,突然想美化一下。然後就弄了一張背景作為網頁背景,但是發現,我在css裡面給大div設定了乙個height:100%,背景尺寸是cover,可是背景並沒有根據我視窗放大縮小發生改變,這時候我就上網找了下,終於知道了方法,可以用js裡面的document.documentelement.clientwidth和document.documentelement.clientheight來控制背景div的大小,使其填滿整個頁面。下面我就寫一下,具體的使用方法(加上注釋)

window.οnresize=function boxheight()

如果再配合css樣式裡面的in-width和min-height一起使用,效果就更加好了

.bg

div設定寬高的問題

今天給乙個div定義了乙個類名,然後在css中給這個div設定寬。有兩種寫法 第一種直接是給div這整個型別設定,第二種是給類名設定。然後就出現了問題。用第一種方法時我可以直接設定width,注意是直接,也就是並沒有設定高。但是當我用第二種方法設定width時完全沒有效果顯示,後來發現給div設定乙...

jquery 獲取div的寬高

寬度 div width 區塊的本身寬度 div outerwidth 區塊的寬度 padding寬度 border寬度 div outerwidth true 區塊的寬度 padding寬度 border寬度 margin的寬度 高度 div height 區塊的本身高度 div outerhei...

js用鍵盤控制div移動

首先,我們要知道,鍵盤對應的ascii碼 keycode碼 點選此處檢視。方向鍵,左,上,右,下,分別為37,38,39,40。然後,當按下鍵盤按鍵的時候,用event.keycode獲取按鍵的keycode碼。用switch函式case分支,對應鍵值執行相關命令。先寫乙個div div id bo...