কম্পিউটার টিউটোরিয়াল

HTML Window resizeTo() মেথড


ভূমিকা

HTML Window resizeTo() মেথড একটি উইন্ডোর বর্তমান সাইজের সাপেক্ষে নির্দিষ্ট মান দিয়ে রিসাইজ করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

window.resizeTo(w,h)

এখানে w এবং h যথাক্রমে উইন্ডোর প্রস্থ এবং উচ্চতা পিক্সেলে রিসাইজ করার মান নির্ধারণ করে।

HTML Window resizeTo() মেথডের একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 20%;       display: block;       color: #fff;       outline: none;       cursor: pointer;       margin: 1rem auto;    } </style> <body> <h1>HTML Window resizeTo() Method Demo</h1> <button onclick="create()" class="btn">Create a new window</button> <button onclick='resize()' class="btn">Resize the window</button> <script>    var newWindow;    function create(){       newWindow =window.open('','','width=80,height=80');    }    function resize(){       newWindow.resizeTo(240, 240);       newWindow.focus();    } </script> </body> </html>

আউটপুট

HTML Window resizeTo() মেথড

"Create a new window" বাটনে ক্লিক করুন একটি নতুন উইন্ডো তৈরি করার জন্য:

HTML Window resizeTo() মেথড

এখন "Resize the window" বাটনে ক্লিক করুন নতুন তৈরি উইন্ডোটি রিসাইজ করার জন্য:

HTML Window resizeTo() মেথড

  1. HTML Window resizeBy() মেথড

  2. HTML Window moveTo() মেথড

  3. HTML Window moveBy() মেথড

  4. HTML DOM Window stop() মেথড