Javascript: onresize
ä¯ÀÀÆ÷£ºIE 8¡¢FF 3.6¡¢Chrome 4.0¡¢Safari 4.0¡¢Opera 10.1
½öÓÐIEä¯ÀÀÆ÷Ö§³ÖHTMLElement.onresize£¨±ÈÈçbody.onresize£©
ÆäËüä¯ÀÀÆ÷Ö»Ö§³Öwindow.onresize
ÏÈ˵IEµÄHTMLElement.onresize
ʹÓÃǰÇëÈ·¶¨ÄãµÄÐÄÔ༰ѪѹÕý³££¬Èç¹ûÄ㶨ÒåÁË
body.onresize = function(){……}»òÕßhtml.onresize = obj.fun;
Äã²Â²ÂthisÖ¸ÕëÊÇË£¿²»ÊÇbody£¬²»ÊÇhtml£¬²»ÊÇobj£¬¶øÊÇwindow£¡
ÕâÑùÇå¿öÏÂÈç¹û£º
function fun(){
……
};
html.onresize = fun;
body.onresize = fun;
document.getElementById("id").onresize = fun;
ÒÔÉÏ´úÂëÍêÈ«¿ÉÓã¬Ö»ÊÇfunÖ´ÐÐʱ£¬Äã¸ù±¾²»ÖªµÀÊÇÄĸöÔªËØ¼¤·¢µÄ¡£Ê²Ã´£¿Äã˵event¶ÔÏñÀï»á²»»áÓм¤·¢µÄÔªËØ£¿¿Ï¶¨µÄ˵£ºÃ»ÓУ¡
ºÃÁË£¬ÎÒÃÇ·ÅÇáËÉ£¬Ã»°ì·¨¾Íû°ì·¨°É¡£´ó²»ÁËÎҾͲ»¹ÜÊÇ˼¤·¢µÄÈ«¶¼´¦ÀíÒ»±é¡£²»¹ý»¹ÊÇÏÈ¿´ÏÂÃæµÄ´úÂ룺
function addresize(element){
element.onresize = function(){
……
};
};
addresize(body);
addresize(html);
addresize(#id);
Äã²Â²ÂÔÚonresizeÖ´ÐÐʱµÄthisÊÇË£¿±ðÏëÁË£¬»¹ÊÇwindow£¡
ÁéÒìµÄÊÂÇé·¢ÉúÁË£¬ÔÚÊ¡ÂԺŵĴúÂëÖÐÄã¿ÉÒÔʹÓÃelement±äÁ¿£¡Ò²¾ÍÊÇaddresizeµÄ²ÎÊý£¬Õâ¸ö²ÎÊýÊÇʼþ¼¤·¢ÔªËØ¡£
ΪÕâ¸öÊÂÎÒÔÎÁ˺ü¸Ì죬µ½ÏÖÔÚ¶¼Ã»ÏëÃ÷°×Õâ¸öÓï·¨¹æÔò£¬µ±×÷Ò»¸öÌØÊâÓ÷¨°É¡£
ÏÂÃæËµwindow.onresize
ÔÚIEÖÐÕâ¸öʼþºÜºÃÓ㬵±´°¿ÚÈÝÁ¿´óС·¢Éú±ä»¯Ê±¾Í»á¼¤·¢£¡£¨×¢ÒâºÚÌå×Ö£©
ÔÚÆäËüä¯ÀÀÆ÷ÖоÍÓÐÎÊÌâÁË£¬Ëü½öÔÚ´°¿Ú´óС·¢Éú±ä»¯Ê±¼¤·¢¡£
ÕâÀï¾ÍÓÐÇø±ðÁË£º
µ±ÎÒÏëÈÃij¸öÔªËØ³äÂúÕû¸ö´°¿Ú£¬ÕâÑùµÄ»°ÔÚwindow.onresizeʱ¾ÍÐèÒª¸Ä±äËüµÄstyle.width/height
ÔÚIEÖÐûÓÐÈκÎÎÊÌ⣬ÆäËüÓÎÀÀÆ÷ÔÚËõСʱ¾Í³öÏÖÎÊÌâÁË£º
Õû¸öʼþµÄÁ÷³ÌÊÇÕâ¸öÑù×ӵģº
1¡¢window¸Ä±ä´óС£¬ÕâÀïÌØÖ¸ËõС¡£
2¡¢ä¯ÀÀÆ÷·¢ÏÖÈÝÄɲ»ÏÂÄÚÈÝ£¬¸øhtmlÌí¼ÓÁ˹ö¶¯Ìõ£¬¿ÉÊÓÇøÓò¸üСÁË¡£
3¡¢ä¯ÀÀÆ÷¼¤·¢ÁËwindow.onresizeʼþ´úÂë¡£ÄãÔÚÕâÀï¸ü¸ÄÁËÔªËØµÄ´óС¡£
4¡¢ä¯ÀÀÆ÷·¢ÏÖ¿ÉÒÔÈÝÄÉÏÂÄÚÈÝÁË£¬È¡ÏûÁ˹ö¶¯Ìõ¡£
5¡¢IEÔÚ´ËʱÔٴμ¤·¢onresize¡¢ÆäËüä¯ÀÀÆ÷ÂÔ¹ý´Ë²½
Õâʱ³ýIEÍ⣬ÄãµÄÔªËØ»áÉÙÒ»¸ö¹ö¶¯ÌõµÄ´óС¡£
½â¾ö·½°¸£º
³ýÁËIEÖ®ÍâµÄä¯ÀÀÆ÷ÇëÁ¬ÐøÉèÖÃÁ½´Î´óС¡£Ã¿´Î¶¼ÊÇÈ¡body.client/offset´óС¾ÍÐÐÁË¡£
Ïà¹ØÎĵµ£º
ҪʵÏÖ¶¯Ì¬½»»¥£¬±ØÐëÕÆÎÕÓйش°Ìå¶ÔÏó(Form)ºÍ¿ò¼Ü¶ÔÏó(Frames)¸üΪ¸´ÔÓµÄ֪ʶ¡£
Ò»¡¢
´°Ìå»ù´¡ÖªÊ¶
¡¡¡¡´°Ìå¶ÔÏó¿ÉÒÔʹÉè¼ÆÈËÔ±ÄÜÓô°ÌåÖв»Í¬µÄÔªËØÓë¿Í»§»úÓû§Ïཻ»¥£¬¶øÓò»×ÅÔÚ֮ǰÊ×ÏȽøÐÐÊý¾ÝÊäÈ룬¾Í¿ÉÒÔʵÏÖ¶¯Ì¬¸Ä±ä
WebÎĵµµÄÐÐΪ¡£
£±¡¢Ê²Ã´ÊÇ´°Ìå¶ÔÏó
´°Ì壨Form£©:Ëü¹¹³ÉÁË
WebÒ³ÃæµÄ»ù±¾ÔªËØ¡£Í¨³£Ò ......
¶¨Òå±äÁ¿
var test=10;
ʹÓöÔÏóÊôÐÔ
¿ÉÒÔʹÓà . ²Ù×÷·û»ñµÃÊôÐÔ,Ò²¿ÉÒÔʹÓÃÊý×éϱê»ñµÃ,±ÈÈç
for(var prop in document)
document.write(document[prop]+"<br>");
With ÉùÃ÷¶ÔÏó,Ö®ºóÔÙÓõ½¶ÔÏó¾Í²»±ØÉùÃ÷ÁË
with(document){
write("Hello World<br>±êÌâ: ");
write(title);
}
³£ÓöÔÏó ......
//×Ô´øµÄ´òÓ¡Ô¤ÀÀ WebBrowser.ExecWB(1,1) ´ò¿ª
Web.ExecWB(2,1) ¹Ø±ÕÏÖÔÚËùÓеÄIE´°¿Ú£¬²¢´ò¿ªÒ»¸öд°¿Ú
Web.ExecWB(4,1) ±£´æÍøÒ³
Web.ExecWB(6,1) ´òÓ¡
Web.ExecWB(7,1) ´òÓ¡Ô¤ÀÀ
Web.ExecWB(8,1) ´òÓ¡Ò³ÃæÉèÖÃ
Web.ExecWB(10,1) ²é¿´Ò ......
ͻȻ¼äÏëÈ¥ÏÂÊ×fire in the holeµÄÁåÉù£¬ÓÚÊÇÓÃsosoÕÒÁËһϣ¬½øÈëÁËÊÖ»úÀÖÔ° £¨http://download.shouji.com.cn/do/wave?html=&inputname=wave&wname=Fire+in+the+hole+&thsubmit=%E6%90%9C%E7%B4%A2£©£¬Ñ¡Ôñfire in the hole£¬µ¯³ö¸ö´°¿Ú£¬ÌáʾÈÃÊäÈëÊÖ»úºÅÂë¡£ÔÎËÀ£¬²»¾ÍÏÂÊ׸èÂ»¹²»ÈÃÖ±½ÓÏ¡£ºÇºÇ£¬·¢ÏÖÍ ......
Ê×ÏÈÔÚbodyÖмÓÈëÒÔÏÂHTMLÄÚÈÝ£º
<div id="panel">
<div id="top">
<ul id="menu">
<li id="1">Home</li>
&nbs ......