onresize 事件
onresize 事件
實例
#
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction(){ var w=window.outerWidth; var h=window.outerHeight; var txt="窗口大小: 宽度=" + w + ", 高度=" + h; document.getElementById("demo").innerHTML=txt; } </script> </head> <body onresize="myFunction()"> <p>尝试调整浏览器的窗口</p> <p id="demo"> </p> <p>注意:该例子在IE8 或更早版本下可能不工作,IE8 或更早的版本不支持window对象的outerWidth/outerHeight属性</p> </body> </html>
執行實例»##點擊"運行實例" 按鈕查看線上實例
定義和用法onresize 事件會在視窗或框架被調整大小時發生。 語法In HTML:
<
JavaScript 中:elementonresize="SomeJavaScriptCode">
window.onresize=function(){
SomeJavaScriptCode};
描述 | |
---|---|
SomeJavaScriptCode | 必要。規定該事件發生時執行的 JavaScript。
瀏覽器支援#所有主要瀏覽器都支援onresize 事件
以下HTMl 標籤支援onresize事件:
<a>, <address>, <b>, <big>, <blockquote>,
<body>, <button>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <div>, <dl>, <dt>, < <fieldset>,
<form>, <frame>, <h1> to <h6>, <hr>, <i>, <img>,
<input>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, <pre>, <ol>, <p>, <pre>,, <ol>, <p>, <pre>,,
<samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <textarea>, <sup>, <table>, <textarea>, <tt)>, <table>, <textarea>, <tt>>> <ul>, <var>
#