HTML में ब्राउज़र विंडो रिसाइज़ होने पर स्क्रिप्ट कैसे चलाएं?

जब वेब ब्राउज़र विंडो रिसाइज़ होती है, तो onresize एट्रिब्यूट ट्रिगर होता है। यह <body> टैग पर उपयोग किया जाता है।

उदाहरण

निम्न कोड से onresize एट्रिब्यूट लागू करें:

<!DOCTYPE html> <html> 
  <body onresize="display()"> 
    <p>इवेंट ट्रिगर करने के लिए विंडो रिसाइज़ करें।</p> 
    <script> 
      function display() { 
        alert("वेब ब्राउज़र विंडो रिसाइज़ हुई!"); 
      } 
    </script> 
  </body> 
</html>

सर्वोत्तम अभ्यास: alert() के बजाय लेआउट रीकैलकुलेशन या window.innerWidth/innerHeight लॉगिंग करें। alert() रिसाइज़ के दौरान बार-बार फायर होकर UX खराब करता है। जावास्क्रिप्ट में window.addEventListener('resize', handler) उपयोग करना बेहतर है।