視窗事件onresize

2022-07-01 10:03:12 字數 1061 閱讀 6913

在做自適應布局的時候,我們常常需要根據視窗不同的解析度給出不同布局和樣式,今天說的onresize便能幫我們實現這一效果。

onresize事件在視窗或者框架的大小發生改變的時候會被呼叫,下面我們用乙個例子來演示。

在這個例子中,我們想要實現的效果是:當螢幕寬度小於500時,頁面的背景色為灰色;當螢幕寬度大於等於500時,頁面背景為粉色;當螢幕寬度大於等於800時,頁面背景為紅色。所以,我們首先需要獲得螢幕的寬度,需要用到前面封裝的client方法。

<

script

>

function

client()

}else

if(document.compatmode

==="

css1compat")

}return

}script

>

要根據不同螢幕大小實現不同的效果,需要呼叫onresize事件。

<

script

>

window.onload

=function

() else

if(client().width

>=

500)

else

};

}script

>

現在基本功能已經實現,但是,前面一直提到onresize是在螢幕變化的時候才會被觸發呼叫,那麼在初始化的時候,沒有發生螢幕變化,那麼上面的顏色改變就不會被觸發,因此,我們需要將上面的**進行稍微的調整優化。

<

script

>

window.onload

=function

() else

if(client().width

>=

500)

else

document.body.style.backgroundcolor

=bgcolor;}}

script

>

至此,我們就利用onresize實現了想要的效果了。

onresize 事件 瀏覽器視窗大小調整

先上乙個完整demo 嘗試調整瀏覽器的視窗 注意 該例子在ie8 或更早版本下可能不工作,ie8 或更早的版本不支援window物件的outerwidth outerheight屬性 第乙個寫法 js寫法 window.onresize function jquery寫法 window resize...

視窗事件 Window Server Events

window server中的events 事件 被應用程式獲取並處理。類似於微軟windows作業系統中的訊息,事件通常源於使用者的輸入,由wserv生成傳送給客戶端程式,如請求窗體重畫。客戶端程式通過wserv 會話來傳送請求並獲取事件。大部分事件 如鍵盤和滑鼠事件 都封裝為twsevent類。...

視窗關閉觸發事件

net平台上開發應用程式時,在視窗關閉時觸發乙個提示對話方塊,在彈出的對話方塊中如果確定關閉則關閉窗體。如果取消則返回。那麼這裡有二種作法。第一種方法重寫系統提供 onclosing事件函式。實現 如下 重寫關閉視窗事件 protected override void onclosing cance...