<div onresize事件是在div元素大小發生變化時觸發的事件。當用戶調整瀏覽器窗口大小或改變div元素的尺寸時，可以通過onresize事件來監聽這些變化并做進一步的處理。
下面介紹幾個關于<div onresize事件的示例，以幫助更好地理解其應用。
第一個示例是在div元素大小變化時改變其背景顏色。通過監聽onresize事件，我們可以在div元素被調整大小時動態地改變其背景顏色。

<div id="myDiv" onresize="changeColor()">
<p>這是一個可以調整大小的div元素。</p>
</div>
<br>
<script>
function changeColor() {
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red";
}
</script>

在上述代碼中，我們定義了一個id為myDiv的div元素，并在onresize事件中調用了changeColor()函數。這個函數會在div元素大小發生變化時被觸發，然后將div的背景顏色設置為紅色。
第二個示例是隨著div元素的大小變化，在其中顯示當前div的寬度和高度。這個示例可以幫助我們實時獲取div元素的尺寸。

<div id="myDiv" onresize="showSize()">
<p>這是一個可以調整大小的div元素。</p>
<p id="size"></p>
</div>
<br>
<script>
function showSize() {
var myDiv = document.getElementById("myDiv");
var size = document.getElementById("size");
size.innerHTML = "當前尺寸：寬度-" + myDiv.offsetWidth + "px，高度-" + myDiv.offsetHeight + "px";
}
</script>

在上述代碼中，我們通過調用offsetWidth和offsetHeight屬性來獲取div元素的寬度和高度，并將其顯示在id為size的p元素中。通過監聽onresize事件，每次div元素大小變化時都會觸發showSize()函數，實現實時顯示div尺寸的效果。
通過上述示例，我們可以看到<div onresize事件的實際應用。在實際開發中，可以根據具體需求使用該事件，實現更多更復雜的功能。無論是實時更新元素樣式還是獲取元素尺寸信息，onresize事件都能幫助我們更好地處理div元素大小的變化。