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 ......
ÔÚJavaScriptÖÐÀûÓÃdocument.referrer¿ÉÒÔ»ñµÃÌø×ªÇ°ÉÏÒ»Ò³µÄµØÖ·,ÆäʵÔÚÖîÈçAsp,PHPµÈÓïÑÔÖж¼¿ÉÒÔ»ñµÃÕâ¸ö²ÎÊý,Ö»²»¹ýд·¨²»Í¬,È»ºó¿ÉÒÔÅжÏÊÇÄÄÀïÀ´µÄÇëÇó´Ó¶ø×öһЩ´¦Àí.µ«ÊÇJSÖеÄdocument.referreÖ»ÄÜ»ñµÃ<a>±êÇ©´«¹ýÀ´µÄ²ÎÊý.¿´´úÂë
a.html
<html>
<head>
<title>²âÊÔ</title> ......
1.´´½¨½Úµã²¢Ìí¼ÓÄÚÈÝ:ʹÓõķ½·¨:createElementºÍcreateTextNode
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>HTML DOM</title>
&nbs ......
ÔÚ×Ô¼ºµÄÍøÕ¾ÉϸüÐÂÎÄÕÂʱһ¸ö±È½Ï³£¼ûµÄÎÊÌâÊÇ£ºÎÄÕ²åͼ̫¿í£¬Ê¹Õû¸öÍøÒ³¶¼±äÐÎÁË¡£Èç¹û¶Ôÿ¸ö²åͼ¶¼ÏȽøÐÐËõ·ÅÔÙ²åÈëµÄ»°£¬Ì«Âé·³ÁË¡£
ÎÒǰ¶Îʱ¼äдµÄһƪÎÄÕ¾ÍÓöµ½¹ýÕâÖÖÊÂÇ飬ºóÀ´ÓÃCSSµÄoverflowºÍmax-widthÊôÐÔÔÝʱ½â¾öÁËÒ³Ãæ±äÐεÄÎÊÌâ¡£ÕâÖÖ·½·¨ºÃ´¦ÊǼòµ¥£¬µ«»µ´¦ÊÇ»áÆÆ»µÄ³Ð©Ï¸½ÚµÄЧ¹û¡£
Èçoverflow£ºhidden ......
JavaScript¹ýÂËÊý×éÖÐÖØ¸´ÔªËØ
ÎÒÊǸöJS³õѧÕߣ¬ÎÒ¼´½«ÒªËµµÄÕâ¸ö·½·¨Ò²ÊǴ󲿷ÖÈ˶¼ÄÜÏëµ½µÄ£º
´Ó¾ÉÊý×éÖÐÈ¡ÔªËØ£¬Ò»¸ö¸öÌí¼Óµ½ÐÂÊý×éÖУ¬ÔÚÌí¼ÓµÄʱºò£¬ÓëÌí¼Ó¹ýµÄÔªËØ±È½Ï£¬Èç¹ûÏàͬ£¬Ôò²»Ìí¼Ó¡£
Ê×Ïȶ¨ÒåÁ½¸öÊý×飺
Code
var arrA = new Array(1,23,43,64,1,23,5,8,3,5,9);
var arrB&n ......