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