acara ubah saiz
onresize acara
instance
<!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>
run instance»
klik Butang "Jalankan contoh" untuk melihat tika dalam talian
Definisi dan penggunaan
Peristiwa onresize berlaku apabila tetingkap atau bingkai diubah saiz.
Sintaks
Dalam HTML:
<elemenonresize="SomeJavaScriptCode">
JavaScript:
window.onresize=function(){SomeJavaScriptCode};
Parameter | Penerangan | ||||
---|---|---|---|---|---|
| Diperlukan. Menentukan JavaScript untuk dilaksanakan apabila acara ini berlaku. |
Sokongan penyemak imbasSemua pelayar utama menyokong Acara onresize
Teg HTMl berikut menyokong acara onresize:
<a>, <alamat>, <b>, <big>, <blockquote>
<badan>, <butang>, <cite>, <kod>, <dd>, <dfn>, <div>, <dl>, <dt>, <em> <set medan>,
<bentuk>, <bingkai>, <h1> hingga <h6>, <hr>, <i>, <img>,
<input>, <kbd>, <label>, <legenda>, <li>, <objek>, <ol>, <p>, <pra>,
<samp>, <pilih>, <kecil>, <span>, <strong>, <sub>, <sup>, <table>, <textarea>, <tt> <ul>, <var>