最新的Web开发教程

×

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

在onResize事件

例

执行一个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标签：	<BODY>
DOM版本：	2级事件

更多示例

例

使用addEventListener()方法来连接"resize"的窗口对象上的事件。

window.addEventListener("resize", myFunction);