javascript thisÏê½â£¨×ª£©
ÔÚÃæÏò¶ÔÏó±à³ÌÓïÑÔÖУ¬¶ÔÓÚthis¹Ø¼ü×ÖÎÒÃÇÊǷdz£ÊìϤµÄ¡£±ÈÈçC++¡¢C#ºÍJavaµÈ¶¼ÌṩÁËÕâ¸ö¹Ø ¼ü×Ö£¬ËäÈ»ÔÚ¿ªÊ¼Ñ§Ï°µÄʱºò¾õµÃ±È½ÏÄÑ£¬µ«Ö»ÒªÀí½âÁË£¬ÓÃÆðÀ´ÊǷdz£·½±ãºÍÒâÒåÈ·¶¨µÄ¡£JavaScriptÒ²ÌṩÁËÕâ¸öthis¹Ø¼ü×Ö£¬²»¹ýÓÃÆðÀ´¾Í±È ¾µäOOÓïÑÔÖÐÒª"»ìÂÒ"µÄ¶àÁË¡£
ÏÂÃæ¾ÍÀ´¿´¿´£¬ÔÚJavaScriptÖи÷ÖÖthisµÄʹÓ÷½·¨ÓÐʲô»ìÂÒÖ®´¦£¿
1¡¢ÔÚHTMLÔªËØÊ¼þÊôÐÔÖÐinline·½Ê½Ê¹ÓÃthis¹Ø¼ü×Ö£º
<div onclick="
// ¿ÉÒÔÔÚÀïÃæÊ¹ÓÃthis
">division element</div>
ÎÒÃÇÒ»°ã±È½Ï³£Óõķ½·¨ÊÇÔÚ´ËʹÓãºjavascirpt: EventHandler(this)£¬ÕâÑùµÄÐÎʽ¡£²»¹ýÕâÀïÆäʵ¿ÉÒÔдÈκκϷ¨µÄJavaScriptÓï¾ä£¬ÒªÊǸßÐËÔڴ˶¨Òå¸öÀàÒ²¿ÉÒÔ(²»¹ý½«»áÊǸö ÄÚ²¿Àà)¡£ÕâÀïµÄÔÀíÊǽű¾ÒýÇæÉú³ÉÁËÒ»¸ödivʵÀý¶ÔÏóµÄÄäÃû³ÉÔ±·½·¨£¬¶øonclickÖ¸ÏòÕâ¸ö·½·¨¡£
2¡¢ÓÃDOM·½Ê½ÔÚʼþ´¦Àíº¯ÊýÖÐʹÓÃthis¹Ø¼ü×Ö£º
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.attachEvent('onclick', EventHandler);
function EventHandler()
{
// ÔÚ´ËʹÓÃthis
}
</script>
ÕâʱµÄEventHandler()·½·¨ÖеÄthis¹Ø¼ü×Ö£¬Ö¸Ê¾µÄ¶ÔÏóÊÇIEµÄwindow¶ÔÏó¡£ÕâÊÇÒòΪ EventHandlerÖ»ÊÇÒ»¸öÆÕͨµÄº¯Êý£¬¶ÔÓÚattachEventºó£¬½Å±¾ÒýÇæ¶ÔËüµÄµ÷ÓúÍdiv¶ÔÏó±¾ÉíûÓÐÈκεĹØÏµ¡£Í¬Ê±Äã¿ÉÒÔÔÙ¿´¿´ EventHandlerµÄcallerÊôÐÔ£¬ËüÊǵÈÓÚnullµÄ¡£Èç¹ûÎÒÃÇÒªÔÚÕâ¸ö·½·¨ÖлñµÃdiv¶ÔÏóÒýÓã¬Ó¦¸Ãʹ Óãºthis.event.srcElement¡£
3¡¢ÓÃDHTML·½Ê½ÔÚʼþ´¦Àíº¯ÊýÖÐʹÓÃthis¹Ø¼ü×Ö£º
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.onclick = function()
{
// ÔÚ´ËʹÓÃthis
};
</script>
ÕâÀïµÄthis¹Ø¼ü×ÖָʾµÄÄÚÈÝÊÇdivÔªËØ¶ÔÏóʵÀý£¬Ôڽű
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
ÔÚ×Ô¼ºµÄÍøÕ¾ÉϸüÐÂÎÄÕÂʱһ¸ö±È½Ï³£¼ûµÄÎÊÌâÊÇ£ºÎÄÕ²åͼ̫¿í£¬Ê¹Õû¸öÍøÒ³¶¼±äÐÎÁË¡£Èç¹û¶Ôÿ¸ö²åͼ¶¼ÏȽøÐÐËõ·ÅÔÙ²åÈëµÄ»°£¬Ì«Âé·³ÁË¡£
ÎÒǰ¶Îʱ¼äдµÄһƪÎÄÕ¾ÍÓöµ½¹ýÕâÖÖÊÂÇ飬ºóÀ´ÓÃCSSµÄoverflowºÍmax-widthÊôÐÔÔÝʱ½â¾öÁËÒ³Ãæ±äÐεÄÎÊÌâ¡£ÕâÖÖ·½·¨ºÃ´¦ÊǼòµ¥£¬µ«»µ´¦ÊÇ»áÆÆ»µÄ³Ð©Ï¸½ÚµÄЧ¹û¡£
Èçoverflow£ºhidden ......
<!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><title>̰ʳÉß</title></head>
<body>
<mce:style type="text/css"><!--
.tab ......
¾¡¹Ü JavaScript ÀúÊ·ÉÏʹÓÃÈß³¤¶øÁîÈËÉúÑáµÄ´úÂë¿éÀ´±êµÄÌØ¶¨ä¯ÀÀÆ÷µÄʱÆÚÒѾ½áÊøÁË£¬µ«ÊÇż¶ûʹÓÃһЩ¼òµ¥µÄ´úÂë¿éºÍ¶ÔÏó¼ì²âÀ´È·±£Ò»Ð©´úÂëÔÚÓû§»úÆ÷ÉÏÕý³£¹¤×÷ÒÀÈ»ÊDZØÒªµÄ¡£
ÕâÆªÎÄÕÂÖУ¬ÎÒ»áÂÔÊöһϠInternet Explorer ºÍ Firefox ÔÚ JavaScript Óï·¨Éϲ»Í¬µÄ¼¸ ¸ö·½Ãæ¡£
......
ͨ¹ý·ÖÎö¸÷Ààä¯ÀÀÆ÷µÄuserAgentÐÅÏ¢£¬²»Äѵóö·Ö±æ¸÷Ààä¯ÀÀÆ÷¼°Æä°æ±¾µÄÕýÔò±í´ïʽ¡£¶øÇÒ£¬¶Ôä¯ÀÀÆ÷ÀàÐ͵ÄÅжϺͰ汾µÄÅжÏÍêÈ«¿ÉÒÔºÏΪһÌ嵨½øÐС£ÓÚÊÇ£¬ÎÒÃÇ¿ÉÒÔд³öÏÂÃæµÄ´úÂ룺
<script type="text/javascript">
  ......