JavascriptÍÏק&ÍÏ·ÅϵÁÐÎÄÕÂ1Ö®offsetParentÊôÐÔ
Õâ¸öϵÁÐÎÄÕÂÖ÷ÒªÊǽ²ÊöʵÏÖJavascriptÍÏק¹¦ÄܵĻù´¡ÖªÊ¶£¬²¢½«ÔÚ×îºó¸ø³öÒ»¸öÍêÕûµÄʾÀý¡£Êʺ϶ÔÍÏקÍêÈ«²»¶®µÄÈËÔĶÁ¡£
µÚһƪ¾ÍÏȽ²½²JavascriptÖеÄoffsetParentÊôÐÔ°É¡£
Ö§³ÖµÄä¯ÀÀÆ÷£ºInternet Explorer 4.0+£¬Mozilla 1.0+£¬Netscape 6.0+£¬Opera 7.0+£¬Safari 1.0+
element.offsetParent
Summary
offsetParent returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element. If the element is non-positioned, the root element (html in standards compliant mode; body in quirks rendering mode) is the offsetParent. offsetParent returns null when the element has style.display set to "none".
Syntax
parentObj = element.offsetParent
Parameters
· parentObj is an object reference to the element in which the current element is offset.
Specification
DOM Level 0. Not part of specification.
½ÚÑ¡×ÔMozilla Developer CenterÍøÕ¾
·ÒëÈçÏ£º
element.offsetParent
×ܽá
offsetParentÊôÐÔ·µ»ØÒ»¸ö¶ÔÏóµÄÒýÓã¬Õâ¸ö¶ÔÏóÊǾàÀëµ÷ÓÃoffsetParentµÄÔªËØ×î½üµÄ£¨ÔÚ°üº¬²ã´ÎÖÐ×î¿¿½üµÄ£©£¬²¢ÇÒÊÇÒѽøÐйýCSS¶¨Î»µÄÈÝÆ÷ÔªËØ¡£ Èç¹ûÕâ¸öÈÝÆ÷ÔªËØδ½øÐÐCSS¶¨Î», ÔòoffsetParentÊôÐÔµÄȡֵΪ¸ùÔªËØ(ÔÚ±ê×¼¼æÈÝģʽÏÂΪhtmlÔªËØ£»ÔÚ¹ÖÒì³ÊÏÖģʽÏÂΪbodyÔªËØ)µÄÒýÓᣠµ±ÈÝÆ÷ÔªËصÄstyle.display ±»ÉèÖÃΪ "none"ʱ£¨Òë×¢£ºIEºÍOpera³ýÍ⣩£¬offsetParentÊôÐÔ ·µ»Ø null ¡£
¾ä·¨
parentObj = element.offsetParent
±äÁ¿
· parentObj ÊÇÒ»¸öÔªËصÄÒýÓ㬵±Ç°ÔªËصÄÆ«ÒÆÁ¿ÔÚÆäÖмÆËã¡£
¹æ·¶
DOM Level 0. ²¢·Ç¹æ·¶µÄÒ»²¿·Ö.
²âÊÔ´úÂë1£º
<!DOCTYPE&nb
Ïà¹ØÎĵµ£º
ÕâÖÖÐÂʽµÄ¼¼Êõ×îÏÈÓÉjQuery¸ã³öÀ´µÄ£¬½Ó×ÅPrototypeÓëmootools¶¼Ö§³ÖÁË¡£Õâ¼¼ÊõÐËÆðµÄÔÒòÊÇä¯ÀÀÆ÷Ðá̽¼¼ÊõÊDz»Ì«¿É¿¿£¬ÈçUserAgentºÜÈÝÒ×±»Î±Ô죬ÈçIE8µÄUserAgent¾Í°ÑÐí¶àä¯ÀÀÆ÷µÄ¹Ø¼ü×Ö°üº¬½øÈ¥£¬Ôì³É±çʶÀ§ÄÑ¡£ÆäËûһЩÖØÒª±çʶÊֶΣ¬ÓÉÓÚä¯ÀÀÆ÷³§É̶Ծɰ汾µÄÉý¼¶Óë²»¶ÏÍƽøа汾£¬Ðí¶à¶¼ÎÞЧÁË¡£ÓÉÓÚä¯ÀÀÆ÷ÖÖÀàÔ½À´ ......
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ ......
ÀûÓÃÔÐͼ̳еĹؼüÓÐÁ½²½²Ù×÷£º
Ê×ÏÈ´´½¨Ò»¸ö¸¸ÀàµÄʵÀý»¯¶ÔÏó£¬È»ºó½«¸Ã¶ÔÏ󸳸ø×ÓÀàµÄ prototype ÊôÐÔ¡£
ÕâÑù£¬¸¸ÀàÖеÄËùÓй«ÓÐʵÀý³ÉÔ±¶¼»á±»×ÓÀà¼Ì³Ð¡£²¢ÇÒÓà instanceof ÔËËã·ûÅжÏʱ£¬×ÓÀàµÄʵÀý»¯¶ÔÏó¼ÈÊôÓÚ×ÓÀ࣬ҲÊôÓÚ¸¸Àà¡£
È»ºó½«×ÓÀà±¾Éí¸³Öµ¸øËüµÄ prototype µÄ constructor ÊôÐÔ¡££¨×¢Ò⣺ÕâÀ︳ֵµÄʱº ......
Jsѧϰ£¨ËÄ£©
Èç¹ûµ±Ç°ÕýÔÚÖ´ÐеÄÊÇÒ»¸ö·½·¨£¬ÔòÖ´ÐÐÉÏÏÂÎľÍÊǸ÷½·¨Ëù¸½ÊôµÄ¶ÔÏó£¬Èç¹ûµ±Ç°ÕýÔÚÖ´ÐеÄÊÇÒ»¸ö´´½¨¶ÔÏ󣨾ÍÊÇͨ¹ý new À´´´½¨£©µÄ¹ý³Ì£¬Ôò´´½¨µÄ¶ÔÏó¾ÍÊÇÖ´ÐÐÉÏÏÂÎÄ¡£
Èç¹ûÒ»¸ö·½·¨ÔÚÖ´ÐÐʱûÓÐÃ÷È·µÄ¸½ÊôÓÚÒ»¸ö¶ÔÏó£¬ÔòËüµÄÖ´ÐÐÉÏÏÂÎÄÊÇÈ«¾Ö¶ÔÏ󣨶¥¼¶¶ÔÏ󣩣¬µ«Ëü²»Ò»¶¨¸½ÊôÓÚÈ«¾Ö¶ÔÏó¡£È«¾Ö¶ÔÏóÓɵ±Ç°» ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js³ýÈ¥×Ö·û´®¿Õ¸ñ ......