有時(shí)候想控制網(wǎng)頁(yè)窗口大小,除了點(diǎn)右上角那仨按鈕,還能不能用個(gè)鏈接搞定?還真能!直接上代碼:
html
最小化
最大化
這代碼整了倆函數(shù),搞懂一個(gè)另一個(gè)也就明白了。先說(shuō) `Minimize()`,里面用 `innerWidth` 和 `innerHeight` 把窗口強(qiáng)行縮成100×100像素,然后通過(guò) `screenX` 和 `screenY` 把窗口定位到屏幕右下角(坐標(biāo)設(shè)成屏幕寬高),再配合 `alwaysLowered = true`,看起來(lái)就像最小化了一樣。觸發(fā)方式就是一個(gè)JS鏈接:`最小化`。
同理,`Maximize()` 就是把窗口拉滿全屏,位置挪到左上角,還原回來(lái)。`alwaysLowered = false` 表示恢復(fù)正常層級(jí)。
這招兒在任何分辨率下都能跑,沒(méi)啥兼容問(wèn)題。但提醒一句:寫頁(yè)面的時(shí)候,最好把這兩個(gè)鏈接放左上角,不然窗口一縮小跑到右下角,你連點(diǎn)都點(diǎn)不著,那就尷尬了……
html
最小化
最大化
這代碼整了倆函數(shù),搞懂一個(gè)另一個(gè)也就明白了。先說(shuō) `Minimize()`,里面用 `innerWidth` 和 `innerHeight` 把窗口強(qiáng)行縮成100×100像素,然后通過(guò) `screenX` 和 `screenY` 把窗口定位到屏幕右下角(坐標(biāo)設(shè)成屏幕寬高),再配合 `alwaysLowered = true`,看起來(lái)就像最小化了一樣。觸發(fā)方式就是一個(gè)JS鏈接:`最小化`。
同理,`Maximize()` 就是把窗口拉滿全屏,位置挪到左上角,還原回來(lái)。`alwaysLowered = false` 表示恢復(fù)正常層級(jí)。
這招兒在任何分辨率下都能跑,沒(méi)啥兼容問(wèn)題。但提醒一句:寫頁(yè)面的時(shí)候,最好把這兩個(gè)鏈接放左上角,不然窗口一縮小跑到右下角,你連點(diǎn)都點(diǎn)不著,那就尷尬了……