JavaScript ¼Ì³ÐÏê½â4
ÔÚ±¾ÕÂÖУ¬ÎÒÃǽ«·ÖÎöDouglas Crockford¹ØÓÚJavaScript¼Ì³ÐµÄÒ»¸öʵÏÖ
CrockfordÊÇJavaScript¿ª·¢ÉçÇø×îÖªÃûµÄȨÍþ£¬ÊÇJSON
¡¢JSLint
¡¢JSMin
ºÍADSafe
Ö®¸¸£¬ÊÇ¡¶JavaScript: The Good Parts¡·µÄ×÷Õß¡£
ÏÖÔÚÊÇYahooµÄ×ÊÉîJavaScript¼Ü¹¹Ê¦£¬²ÎÓëYUIµÄÉè¼Æ¿ª·¢¡£ ÕâÀïÓÐһƪÎÄÕÂ
Ïêϸ½éÉÜÁËCrockfordµÄÉúƽºÍÖø×÷¡£
µ±È»CrockfordÒ²ÊÇÎÒµÈС±²³ç°ÝµÄ¶ÔÏó¡£
µ÷Ó÷½Ê½
Ê×ÏÈÈÃÎÒÃÇ¿´ÏÂʹÓÃCrockfordʽ¼Ì³ÐµÄµ÷Ó÷½Ê½£º
×¢Ò⣺´úÂëÖеÄmethod¡¢inherits¡¢uber¶¼ÊÇ×Ô¶¨ÒåµÄ¶ÔÏó£¬ÎÒÃÇ»áÔÚºóÃæµÄ´úÂë·ÖÎöÖÐÏê½â¡£
// ¶¨ÒåPersonÀà
function Person(name) {
this.name = name;
}
// ¶¨ÒåPersonµÄÔÐÍ·½·¨
Person.method("getName", function() {
return this.name;
});
// ¶¨ÒåEmployeeÀà
function Employee(name, employeeID) {
this.name = name;
this.employeeID = employeeID;
}
// Ö¸¶¨EmployeeÀà´ÓPersonÀà¼Ì³Ð
Employee.inherits(Person);
// ¶¨ÒåEmployeeµÄÔÐÍ·½·¨
Employee.method("getEmployeeID", function() {
return this.employeeID;
});
Employee.method("getName", function() {
// ×¢Ò⣬¿ÉÒÔÔÚ×ÓÀàÖе÷Óø¸ÀàµÄÔÐÍ·½·¨
return "Employee name: " + this.uber("getName");
});
// ʵÀý»¯×ÓÀà
var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.getName()); // "Employee name: ZhangSan"
ÕâÀïÃæÓм¸´¦²»µÃ²»ÌáµÄÓ²ÉË£º
×ÓÀà´Ó¸¸Àà¼Ì³ÐµÄ´úÂë±ØÐëÔÚ×ÓÀàºÍ¸¸Àà¶¼¶¨ÒåºÃÖ®ºó½øÐУ¬²¢ÇÒ±ØÐëÔÚ×ÓÀàÔÐÍ·½·¨¶¨Òå֮ǰ½øÐС£
ËäÈ»×ÓÀà·½·¨ÌåÖпÉÒÔµ÷Óø¸ÀàµÄ·½·¨£¬µ«ÊÇ×ÓÀàµÄ¹¹Ô캯ÊýÎÞ·¨µ÷Óø¸ÀàµÄ¹¹Ô캯Êý¡£
´úÂëµÄÊéд²»¹»ÓÅÑÅ£¬±ÈÈçÔÐÍ·½·¨µÄ¶¨ÒåÒÔ¼°µ÷Óø¸ÀàµÄ·½·¨£¨²»Ö±¹Û£©¡£
µ±È»CrockfordµÄʵÏÖ»¹Ö§³Ö×ÓÀàÖеķ½·¨µ÷Óôø²ÎÊýµÄ¸¸Àà·½·¨£¬ÈçÏÂÀý×Ó£º
function Person(name) {
this.name = name;
}
Person.method("getName", function(prefix) {
return prefix + this.name;
});
function Employee(name, employeeID) {
this.name = name;
this.employeeID = employeeID
Ïà¹ØÎĵµ£º
1. oncontextm ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table> ¿ÉÓÃÓÚTable
2. <body onselectst> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. ²»×¼Õ³Ìù
4. ·ÀÖ¹¸´ÖÆ
5. <link > IEµØÖ·À¸Ç°»»³É×Ô¼ºµÄͼ±ê
6. <link   ......
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
ǰÌì×öµÄÒ³ÃæÊÇÒ»¸öiframeµ¯³ö´°¿Ú£¨ËµÃ÷һϣºÍ¬ÊÂÓÃjs½Å±¾¿ª·¢³öÀ´µÄ£©Àï´¥·¢Ò»¸ö<a>Á´½ÓµÄ°´Å¥¿ÉÔڸô°¿ÚÉϵ¯³öÒ»¸ödivÐü¸¡²ã¡£µ«ÊÇÿ´Îµã»÷£¬divÐü¸¡²ã¾Í×Ô¶¯Î»ÓÚIE´°¿ÚµÄ¶¥¶Ë£¬ÏÂÃæµÄiframe´°¿Ú°üº¬µÄÒ³Ãæ»á×Ô¶¯ÉÏÒÆ£¬Î»ÖôíÂÒÁË¡£
ͬÊÂ˵Ö÷ÒªÊ ......
¼¸ºõÿ¸ö¿ª·¢ÈËÔ±¶¼ÓÐÃæÏò¶ÔÏóÓïÑÔ£¨±ÈÈçC++¡¢C#¡¢Java£©µÄ¿ª·¢¾Ñé¡£ ÔÚ´«Í³ÃæÏò¶ÔÏóµÄÓïÑÔÖУ¬ÓÐÁ½¸ö·Ç³£ÖØÒªµÄ¸ÅÄî - ÀàºÍʵÀý¡£
ÀඨÒåÁËÒ»ÀàÊÂÎ﹫¹²µÄÐÐΪºÍ·½·¨£»¶øÊµÀýÔòÊÇÀàµÄÒ»¸ö¾ßÌåʵÏÖ¡£ ÎÒÃÇ»¹ÖªµÀ£¬ÃæÏò¶ÔÏó±à³ÌÓÐÈý¸öÖØÒªµÄ¸ÅÄî - ·â×°¡¢¼Ì³ÐºÍ¶à̬¡£
µ«ÊÇÔÚJavaScriptµÄÊÀ½çÖУ¬ËùÓеÄÕâÒ»ÇÐÌØ ......
ÔÚµÚÒ»ÕÂÖУ¬ÎÒÃÇʹÓù¹Ô캯ÊýºÍÔÐ͵ķ½Ê½ÔÚJavaScriptµÄÊÀ½çÖÐʵÏÖÁËÀàºÍ¼Ì³Ð£¬ µ«ÊÇ´æÔںܶàÎÊÌâ¡£ÕâÒ»ÕÂÎÒÃǽ«»áÖðÒ»·ÖÎöÕâЩÎÊÌ⣬²¢¸ø³ö½â¾ö·½°¸¡£
×¢£º±¾ÕÂÖеÄjClassµÄʵÏֲο¼ÁËSimple JavaScript Inheritance
µÄ×ö·¨¡£
Ê×ÏÈÈÃÎÒÃÇÀ´»Ø¹ËһϵÚÒ»ÕÂÖнéÉܵÄÀý×Ó£º
function Person(name) {
this.name = nam ......