ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

หน้าต่าง moveBy() Method

<หน้าต่างวัตถุ

ตัวอย่าง

เปิดหน้าต่างใหม่และย้ายหน้าต่างใหม่ 250px เทียบกับตำแหน่งปัจจุบัน:

function openWin() {
    myWindow = window.open('', '', 'width=200, height=100');    // Opens a new window
    myWindow.document.write("<p>This is 'myWindow'</p>");       // Some text in the new window
}

function moveWin() {
    myWindow.moveBy(250, 250);                                 // Moves the new window
    myWindow.focus();                                          // Sets focus to the new window
}
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

moveBy() วิธีการย้ายหน้าต่างระบุจำนวนพิกเซลเมื่อเทียบกับพิกัดปัจจุบัน

วิธีการที่เกี่ยวข้อง:

  • moveTo() - ย้ายหน้าต่างไปยังตำแหน่งที่กำหนด
  • resizeBy() - ปรับขนาดหน้าต่างโดยพิกเซลที่ระบุ
  • resizeTo() - ปรับขนาดหน้าต่างให้มีความกว้างที่กำหนดและความสูง

สนับสนุนเบราว์เซอร์

วิธี
moveBy() ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

window.moveBy( x,y )

ค่าพารามิเตอร์

พารามิเตอร์ ชนิด ลักษณะ
x Number จำเป็นต้องใช้ จำนวนบวกหรือเชิงลบที่ระบุจำนวนพิกเซลที่จะย้ายหน้าต่างในแนวนอน
y Number จำเป็นต้องใช้ จำนวนบวกหรือเชิงลบที่ระบุจำนวนพิกเซลที่จะย้ายหน้าต่างในแนวตั้ง

รายละเอียดทางเทคนิค

กลับค่า: ไม่มีค่าตอบแทน

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

ใช้ moveBy() ร่วมกับ moveTo() :

function moveWinTo() {
    myWindow.moveTo(150, 150);
    myWindow.focus();
}

function moveWinBy() {
    myWindow.moveBy(75, 50);
    myWindow.focus();
}
ลองตัวเอง»

<หน้าต่างวัตถุ