在 JavaScript 中，resize 事件是在瀏覽器窗口被重置時觸發的，如當用戶調整窗口大小，或者最大化、最小化、恢復窗口大小顯示時觸發 resize 事件。利用該事件可以跟蹤窗口大小的變化以便動態調整頁面元素的顯示大小。

示例

下面的示例能夠根據跟蹤窗口大小變化及時調整頁面內紅色盒子的大小，使其始終保持與窗口固定比例的大小顯示。

var box = document.getElementById("box"); //獲取盒子的指針引用

box.style.position = "absolute"; //絕對定位

box.style.backgroundColor = "red"; //背景色

box.style.width = w() * 0.8 + "px"; //設置盒子寬度為窗口寬度的0.8倍

box.style.height = h() * 0.8 + "px"; //設置盒子高度為窗口高度的0.8倍

window.onresize = function () { //注冊事件處理函數，動態調整盒子大小

box.style.width = w() * 0.8 + "px";

box.style.height = h() * 0.8 + "px";

}

function w () { //獲取窗口寬度

if (window.innerWidth) { //兼容DOM

return window.innerWidth;

else if ((document.body) && (document.body.clientWidth)) //兼容IE

return document.body.clientWidth;

}

function h () { //獲取窗口高度

if (window.innerHeight) { //兼容DOM

return window.innerHeight;

else if ((document.body) && (document.body.clientHeight)) //兼容IE

return document.body.clientHeight;

}

總結

以上是生活随笔為你收集整理的matlab重置矩阵大小resize,JS resize事件：窗口重置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。