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

HTML Window moveBy() মেথড


সিনট্যাক্স

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

window.moveBy(x, y)

এখানে, x এবং y উল্টে কৰ্মে উইন্ডোর বর্তমান অবস্থান থেকে অনুভূমিক এবং লম্বিক সচলন পিক্সেল-এ নির্দেশ করে।

উদাহরণ

<!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: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;       margin: 1rem auto;    } </style> <body> <h1>HTML Window moveBy() মেথড ডেমো</h1> <button onclick="create()" class="btn">নতুন উইন্ডো তৈরি করুন এবং সরান</button> <script>    function create(){       var newWindow = window.open('', '', 'width=150,height=150');       newWindow.moveBy(550, 200);    } </script> </body> </html>

আউটপুট

HTML Window moveBy() মেথড

নতুন উইন্ডো তৈরি করুন এবং সরান বাটনে ক্লিক করলে একটি নতুন উইন্ডো তৈরি হবে এবং moveBy() মেথড ব্যবহার করে তা বর্তমান অবস্থান থেকে সরানো হবে।

HTML Window moveBy() মেথড


  1. HTML Window resizeTo() মেথড

  2. HTML Window resizeBy() মেথড

  3. HTML Window moveTo() মেথড

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