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

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


 

OnResize события

<Объект Event

пример

Выполнение JavaScript, когда окно браузера изменяется:

<body onresize="myFunction()">
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

OnResize событие происходит, когда окно браузера было изменено.

Совет: Чтобы получить размер элемента, используйте clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth и / или offsetHeight свойства.


Поддержка браузеров

Мероприятие
onresize да да да да да

Синтаксис

В HTML:

В JavaScript:

object .onresize=function(){ Попробуй сам "

В JavaScript, используя addEventListener() метод:

object .addEventListener("resize", myScript );
Попробуй сам "

Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.


Технические подробности

Пузыри: нет
аннулированию: нет
Тип события: UIEvent
Поддерживаемые HTML-теги: <Тело>
DOM Версия: Уровень 2 События

Примеры

Еще примеры

пример

Использование addEventListener() метод , чтобы прикрепить "resize" событие на объект окна.

window.addEventListener("resize", myFunction);
Попробуй сам "

<Объект Event