Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp 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


 

Окно resizeBy() Method

<Окно объекта

пример

Откройте новое окно и изменить размер ширины и высоты 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);
Попробуй сам "

<Окно объекта