ตัวอย่าง
เปิดหน้าต่างใหม่และปรับขนาดความกว้างและความสูง 250px เทียบกับตำแหน่งปัจจุบัน:
function openWin() {
myWindow = window.open("", "", "width=100, height=100"); // Opens a new window
}
function resizeWin() {
myWindow.resizeBy(250, 250); // Resizes the new window
myWindow.focus(); //
Sets focus to the new window
}
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
resizeBy() วิธีการปรับขนาดหน้าต่างตามจำนวนที่ระบุไว้เมื่อเทียบกับขนาดปัจจุบัน
Note: วิธีการนี้จะย้ายไปที่มุมขวาด้านล่างของหน้าต่างจากจำนวนที่ระบุไว้พิกเซลที่กำหนดไว้ ที่มุมซ้ายบนจะไม่ถูกย้าย (ก็ยังคงอยู่ในพิกัดเดิม)
วิธีการที่เกี่ยวข้อง:
- resizeTo() - ปรับขนาดหน้าต่างให้มีความกว้างที่กำหนดและความสูง
- moveBy() - ย้ายหน้าต่างที่สัมพันธ์กับตำแหน่งปัจจุบัน
- moveTo() - ย้ายหน้าต่างไปยังตำแหน่งที่กำหนด
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| resizeBy() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
resizeBy( ค่าพารามิเตอร์ พารามิเตอร์ ชนิด ลักษณะ width Number จำเป็นต้องใช้ จำนวนบวกหรือเชิงลบที่ระบุพิกเซลหลายวิธีในการปรับขนาดความกว้างด้วย height Number จำเป็นต้องใช้ จำนวนบวกหรือเชิงลบที่ระบุพิกเซลหลายวิธีในการปรับขนาดความสูงโดย
รายละเอียดทางเทคนิค
กลับค่า: ไม่มีค่าตอบแทน
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปิดหน้าต่างใหม่และลดความกว้างโดย 50px และเพิ่มความสูงโดย 50px:
myWindow.resizeBy(-50, 50); ลองตัวเอง»
ตัวอย่าง
ใช้ resizeBy() วิธีการร่วมกับ resizeTo() :
function resizeWinTo() {
myWindow.resizeTo(800, 600);
myWindow.focus();
}
function resizeWinBy() {
myWindow.resizeBy(-100, -50);
myWindow.focus();
}
ลองตัวเอง»
ตัวอย่าง
ปรับขนาดหน้าต่างเบราว์เซอร์บนสุดกับ 100px แต่ละวิธี (ใช้ได้เฉพาะใน IE และ Safari):
top.resizeBy(100, 100);
ลองตัวเอง»
<หน้าต่างวัตถุ