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ÔªËضÔÏóʵÀý£¬Ôڽű¾ÖÐʹÓÃDHTML·½Ê½Ö±½ÓΪdiv.onclick¸³ÖµÒ»¸öEventHandlerµÄ·½·¨£¬µÈÓÚΪdiv¶ÔÏóʵÀýÌí¼ÓÒ»¸ö³ÉÔ±·½·¨¡£ÕâÖÖ·½Ê½ºÍµÚÒ»ÖÖ·½·¨µÄÇø±ðÊÇ£¬µÚÒ»ÖÖ·½·¨ÊÇʹÓÃHTML·½Ê½£¬¶øÕâÀïÊÇDHTML·½Ê½£¬ºóÕ߽ű¾½âÎöÒýÇæ²»»áÔÙÉú³ÉÄäÃû·½·¨¡£
4¡¢ÀඨÒåÖÐʹÓÃthis¹Ø¼ü×Ö£º
¸´ÖÆ´úÂë ´úÂëÈçÏÂ:
function JSClass()
{
var myName = 'jsclass';
this.m_Name = 'JSClass';
}
JSClass.prototype
Ïà¹ØÎĵµ£º
ÔÚһЩ´«Í³µÄСÐÍWEBÓ¦Óÿª·¢¹ý³ÌÖУ¬JavaScriptͨ³£Ö»ÊÇÄÃÀ´×ö±íµ¥ÑéÖ¤¶øÒÔ£¬ËùÒÔÄãºÜÉÙ»áÓöµ½ÒòΪJavaScriptʼþðÅݶøÓ°Ï칦ÄܵÄʵÏÖÇé¿ö£¬ÓÖ»òÕßʼþðÅݶÔ×îÖÕʵÏÖЧ¹ûÓ°Ïì²»´ó£¬¿ÉºöÂÔ¡£È»¶ø£¬ÔÚ½ñÌìһЩ´óÐ͵ÄWEB½»»¥ÏîÄ¿ÖУ¬±ÈÈç´óÐ͵ÄWebGameÏîÄ¿£¬JavaScriptʼþðÅÝÓ°ÏìÊÇÖµµÃÖØÊӵġ£±¾ÎÄͨ¹ýÒ»¸ö¼òµ¥µÄÀý×ÓÀ´½ ......
JavaScriptÖеÄÔÐÍ(prototyping) prototypeÊôÐÔ
1.¶ÔÄÚÖöÔÏóµÄÀ©Õ¹
(StringÌí¼Ótrim()·½·¨)
****************
String.prototype.trim = funct ......
ÎÄÕ³ö×Ô yiding-he.javaeye.com
JavaScript ÊÇÃæÏò¶ÔÏóµÄ¡£µ«ÊDz»ÉÙÈ˶ÔÕâÒ»µãÀí½âµÃ²¢²»È«Ãæ¡£
ÔÚ JavaScript ÖУ¬¶ÔÏó·ÖΪÁ½ÖÖ¡£Ò»ÖÖ¿ÉÒÔ³ÆΪ“ÆÕͨ¶ÔÏ󔣬¾ÍÊÇÎÒÃÇËùÆÕ±éÀí½âµÄÄÇЩ£ºÊý×Ö¡¢ÈÕÆÚ¡¢Óû§×Ô¶¨ÒåµÄ¶ÔÏó£¨È磺{}£©µÈµÈ¡£
»¹ÓÐÒ»ÖÖ£¬³ÆΪ“·½·¨¶ÔÏ󔣬¾ÍÊÇÎÒÃÇͨ³£¶¨ÒåµÄ function¡ ......
1.ÈçºÎÔÚJavaScript·ÃÎÊC#º¯Êý?
ÎÊÌâ1´ð°¸ÈçÏ£º
javaScriptº¯ÊýÖÐÖ´ÐÐC#´úÂëÖеĺ¯Êý£º
·½·¨Ò»£º1¡¢Ê×ÏȽ¨Á¢Ò»¸ö°´Å¥£¬ÔÚºǫ́½«µ÷Óûò´¦ÀíµÄÄÚÈÝдÈëbutton_clickÖÐ;
2¡¢ÔÚǰ̨дһ¸öjsº¯Êý£¬ÄÚÈÝΪdocument.getElementById("btn1").click();
......
JavaScript±í¸ñÅÅÐòÓкܶàÖÖ·½Ê½£¬²»¹ýÔÚʹÓÃÃæÏò¶ÔÏóµÄ·½Ê½½øÐÐJavaScriptÅÅÐòʱIE»áÓÐһЩÎÊÌâ¡£´úÂëÈçÏ£º
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÑÝʾ±í¸ñµÄÅÅÐò¹¦ÄÜ</title>
</head>
< ......