ÔÚJavaScriptÖÐûÓÐרÃŵĻúÖÆÀ´ÊµÏÖÀàµÄ¼Ì³Ð£¬µ«ÊÇ¿ÉÒÔͨ¹ý¿½±´Ò»¸öÀàµÄprototypeµ½ÁíÍâÒ»¸öÀàÀ´ÊµÏּ̳У¬Ò»ÖÖ¼òµ¥µÄʵÏÖÈçÏ£º
function class1(){
}
function class2(){
}
class2.prototype=class1.prototype;
class2.prototype.moreProperty="xxx";
class2.prototype.moreMethod1=function(){
}
var obj = new class2();
ÕâÑù£¬Ê×ÏÈÊÇclass2ºÍclass1¾ßÓÐÒ»ÑùµÄprototype£¬²»¿¼Âǹ¹Ô캯Êý£¬Á½¸öÀàÊǵȼ۵ģ¬Ëæºó£¬ÓÖͨ¹ýprototype¸øclass2¸³ÓèÁËÁ½¸ö¶îÍâµÄ·½·¨£¬ËùÒÔclass2ÊÇÔÚclass1µÄ»ù´¡ÉÏÔö¼ÓÁËÊôÐԺͷ½·¨£¬Õâ¾ÍʵÏÖÁËÀàµÄ¼Ì³Ð¡£
JavaScriptÌṩinstanceof²Ù×÷·ûÀ´ÅжÏÒ»¸ö¶ÔÏóÊÇ·ñÊÇij¸öÀàµÄʵÀý£¬¶ÔÓÚÉÏÃæ½¨Á¢µÄobj¶ÔÏó£¬ÏÂÃæÁ½ÌõÓï¾ä¶¼ÎªÕ棺
obj instanceof class1
obj instanceof class2
instanceofµÄ²Ù×÷»úÖÆ£¬ÊµÖÊÉϾÍÊÇÅжÏÒ»¸ö¶ÔÏóÊÇ·ñÊÇÒ»¸öprototypeµÄʵÀý¡£
ÀûÓ÷´Éä»úÖÆºÍprototypeʵÏּ̳Уº
ÉÏÃæ½éÉܵÄprototypeʵÏֵļ̳У¬²»ÊǺܺõÄÒ»ÖÖ·½·¨£¬±Ï¾¹Á½¸öÀ๲ÏíÒ»¸öprototype£¬ÈκζԳÉÔ±µÄÖØÐ¶¨Òå¶¼»áÏ໥ӰÏ죬²»ÊÇÑϸñÒâÒåÉϵļ̳С£µ«ÔÚÕâ¸ö˼ÏëÉÏ¿ÉÒÔ·´Éä»úÖÆÀ´ÊµÏÖÀàµÄ¼Ì³Ð£¬Ë¼Â·ÈçÏ£º
ÀûÓÃfor(...in...)Óï¾äö¾Ù³öËùÓлùÀàp ......
ÃüÃû¿Õ¼ä£¬Ò»¿´¾ÍÖªµÀÖ÷ҪĿµÄÊÇΪÁ˱ÜÃâ³åÍ»¡£ÏÂÃæ¾ÍÀ´ËµÒ»ÏÂÈçºÎ´òÔì×Ô¼ºµÄJavaScriptÃüÃû¿Õ¼ä¡£
´òÔìJavaScriptÃüÃû¿Õ¼äÆäʵºÜ¼òµ¥£¬Ö»ÐèÒª½«×Ô¼ºµÄº¯Êý¡¢¶ÔÏó¡¢±äÁ¿µÈ·ÅÔÚÒ»¸öαÃüÃû¿Õ¼äÖУ¬¼´ÓÃÒ»¸öÄäÃûº¯Êý°ü×°ÆðÀ´¡£
(function(){
function $(id){
return document.getElementById(id);
}
function alertNodeName(id){
alert($(id).nodeName);
}
})();
ʹÓÃÕâÖÖαÃüÃû¿Õ¼ä¿ÉÒÔ·â×°²¢±£»¤×Ô¼ºµÄËùÓк¯Êý¡¢¶ÔÏó¡¢±äÁ¿£¬¶øÇÒÓÉÓÚËûÃÇλÓÚÒ»¸öº¯ÊýÖ®ÖУ¬Ï໥֮¼äÒ²¿ÉÒÔ»¥Ïà·ÃÎÊ¡£²»¹ýαÃüÃû¿Õ¼äÖ®ÍâµÄ½Å±¾¾ÍÎÞ·¨Ê¹ÓÃÕâЩº¯ÊýÁË¡£
ΪÁËʹÕâЩº¯Êý¿ÉÒÔ±»Î±ÃüÃû¿Õ¼äÖ®ÍâµÄ½Å±¾µ÷Óã¬ÎÒÃÇÊ×ÏÈ´´½¨Ò»¸öwindow¶ÔÏó¡£
(function(){
if(!window.myNamespace){window['myNameSpace']={};}
function $(id){
return document. ......
1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table> ¿ÉÓÃÓÚTable
2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste="return false" ²»×¼Õ³Ìù
4. oncopy="return false;" oncut="return false;" ·ÀÖ¹¸´ÖÆ
5. <link rel="Shortcut Icon" href="favicon.ico"> IEµØÖ·À¸Ç°»»³É×Ô¼ºµÄͼ±ê
6. <link rel="Bookmark" href="favicon.ico"> ¿ÉÒÔÔÚÊղؼÐÖÐÏÔʾ³öÄãµÄͼ±ê
7. <input style="ime-mode:disabled"> ¹Ø±ÕÊäÈë·¨
8. ÓÀÔ¶¶¼»á´ø×Å¿ò¼Ü
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htmΪ¿ò¼ÜÍøÒ³
// --></script>
9. ·ÀÖ¹±»ÈËframe
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. ÍøÒ³½«²»Äܱ»Áí´æÎª
<noscript><*** src="/*.html>";</***></noscript>
11. <input type=button value="/²é¿´ÍøÒ³Ô´ ......
Ajax¿ò¼Ü jQuery
jQueryÊÇÒ»¿îÃâ·ÑÇÒ¿ª·ÅÔ´´úÂëµÄJavaScript´úÂë¿â£¬ÓÉJohn Resig´´½¨¡£ÊÚȨÐÒéΪGPLºÍMITÐí¿É֤˫ÐÒ顣ʾÀý´úÂ룺 $("p.neat").addClass("ohmy").show("slow"); ÌØµãÇáÁ¿¼¶¾GZipѹËõºó´«ÊäµÄ´úÂëÎļþ½ö14KB£¬Î´¾Ñ¹Ëõ´«Ë͵ĴúÂëÎļþ½ö26KB¡£ jQuery 1.26°æÊ±£º µµ°¸µµ°¸ÐÐÊýµµ°¸Size ±¸×¢ jquery-1.2.6.pack.js 11 31KB ʹÓà Notepad++ 4.92°æ¿ªÆôʱ£¬Ò×µ¼ÖÂNotepad++³Ìʽµ±µô¡£ jquery-1.2.6.min.js 32 55KB ...
¸ü¶àjQueryÐÅÏ¢
¿çä¯ÀÀÆ÷µÄRIA¿ò¼Ü ExtJS
ExtJS¿ÉÒÔÓÃÀ´¿ª·¢RIAÒ²¼´¸»¿Í»§¶ËµÄAJAXÓ¦Óã¬ÊÇÒ»¸öÓÃjavascriptдµÄ£¬Ö÷ÒªÓÃÓÚ´´½¨Ç°¶ËÓû§½çÃæ£¬ÊÇÒ»¸öÓëºǫ́¼¼ÊõÎ޹صÄǰ¶Ëajax¿ò¼Ü¡£Òò´Ë£¬¿ÉÒÔ°ÑExtJSÓÃÔÚ.Net¡¢Java¡¢PhpµÈ¸÷ÖÖ¿ª·¢ÓïÑÔ¿ª·¢µÄÓ¦ÓÃÖС£ExtJs×ʼ»ùÓÚYUI¼¼Êõ£¬ÓÉ¿ª·¢ÈËÔ± JackSlocum¿ª·¢£¬Í¨¹ý²Î¿¼JavaSwingµÈ»úÖÆÀ´×éÖ¯¿ÉÊÓ»¯×é¼þ£¬ÎÞÂÛ´ÓUI½çÃæÉÏCSSÑùʽµÄÓ¦Ó㬵½Êý¾Ý½âÎöÉϵÄÒì³£´¦Àí£¬¶¼¿ÉËãÊÇÒ» ¿î²»¿É¶àµÃµÄJavaScript¿Í»§¶Ë¼¼ÊõµÄ¾«Æ·¡£ ExtµÄ...
¸ü¶àExtJSÐÅÏ¢
Google ÍøÒ³¹¤¾ß°ü
Google ÍøÒ³¹¤¾ß°ü——GWT ÌṩÁËÒ»×é»ùÓÚJavaÓïÑԵĿª·¢°ü£¬Õâ¸ö¿ª·¢°üµÄÉè¼Æ²Î¿¼Java AWT°üÉè¼Æ£¬ÀàÃüÃû¹æÔò¡¢½ ......
Ajax¿ò¼Ü jQuery
jQueryÊÇÒ»¿îÃâ·ÑÇÒ¿ª·ÅÔ´´úÂëµÄJavaScript´úÂë¿â£¬ÓÉJohn Resig´´½¨¡£ÊÚȨÐÒéΪGPLºÍMITÐí¿É֤˫ÐÒ顣ʾÀý´úÂ룺 $("p.neat").addClass("ohmy").show("slow"); ÌØµãÇáÁ¿¼¶¾GZipѹËõºó´«ÊäµÄ´úÂëÎļþ½ö14KB£¬Î´¾Ñ¹Ëõ´«Ë͵ĴúÂëÎļþ½ö26KB¡£ jQuery 1.26°æÊ±£º µµ°¸µµ°¸ÐÐÊýµµ°¸Size ±¸×¢ jquery-1.2.6.pack.js 11 31KB ʹÓà Notepad++ 4.92°æ¿ªÆôʱ£¬Ò×µ¼ÖÂNotepad++³Ìʽµ±µô¡£ jquery-1.2.6.min.js 32 55KB ...
¸ü¶àjQueryÐÅÏ¢
¿çä¯ÀÀÆ÷µÄRIA¿ò¼Ü ExtJS
ExtJS¿ÉÒÔÓÃÀ´¿ª·¢RIAÒ²¼´¸»¿Í»§¶ËµÄAJAXÓ¦Óã¬ÊÇÒ»¸öÓÃjavascriptдµÄ£¬Ö÷ÒªÓÃÓÚ´´½¨Ç°¶ËÓû§½çÃæ£¬ÊÇÒ»¸öÓëºǫ́¼¼ÊõÎ޹صÄǰ¶Ëajax¿ò¼Ü¡£Òò´Ë£¬¿ÉÒÔ°ÑExtJSÓÃÔÚ.Net¡¢Java¡¢PhpµÈ¸÷ÖÖ¿ª·¢ÓïÑÔ¿ª·¢µÄÓ¦ÓÃÖС£ExtJs×ʼ»ùÓÚYUI¼¼Êõ£¬ÓÉ¿ª·¢ÈËÔ± JackSlocum¿ª·¢£¬Í¨¹ý²Î¿¼JavaSwingµÈ»úÖÆÀ´×éÖ¯¿ÉÊÓ»¯×é¼þ£¬ÎÞÂÛ´ÓUI½çÃæÉÏCSSÑùʽµÄÓ¦Ó㬵½Êý¾Ý½âÎöÉϵÄÒì³£´¦Àí£¬¶¼¿ÉËãÊÇÒ» ¿î²»¿É¶àµÃµÄJavaScript¿Í»§¶Ë¼¼ÊõµÄ¾«Æ·¡£ ExtµÄ...
¸ü¶àExtJSÐÅÏ¢
Google ÍøÒ³¹¤¾ß°ü
Google ÍøÒ³¹¤¾ß°ü——GWT ÌṩÁËÒ»×é»ùÓÚJavaÓïÑԵĿª·¢°ü£¬Õâ¸ö¿ª·¢°üµÄÉè¼Æ²Î¿¼Java AWT°üÉè¼Æ£¬ÀàÃüÃû¹æÔò¡¢½ ......
ѧϰÁ˽âÁËjavascriptµÄÒ»Ð©ÔªËØ¶ÔÏóµÄ´´½¨£¬»ñÈ¡µÈ¡£ÏÖÔÚµÄѧϰÖ÷ÒªÊÇÉæ¼°ÔÚ±àдjavascriptµ±ÖÐÓ¦¸Ã×¢ÒâµÄһЩϸ½Ú£º
1 ×¢Òâ±äÁ¿µÄ±àдÕýÈ·
2 ²ÎÊý´«µÝ³öÏÖÎÊÌâ »òÕß²»´æÔÚÒ²»áµ¼Ö³ö´í
3 js´íÎóµÄ¿ØÖƺ¯Êý window.onerror£ºÆä½«»á´øÈý¸ö²ÎÊýÐÅÏ¢ ¿Éͨ¹ý²ÎÊýÊý×é arguments »ñÈ¡ÐÅÏ¢ ´íÎóÐÅÏ¢£¬´íÎóÒ³ÃæµÄurlºÍ´íÎóÐкÅ
ͨ¹ýÖØÐ´onerrorʼþ·µ»Øtrue ÆÁ±Îä¯ÀÀÆ÷´íÎ󱨸æ
4 jsµÄµ÷ÊÔ¶ÔÓÐЩÈËÀ´ËµÊDZȽÏÂé·³µÄÊ µ«ÊdzýÁËʹÓÃÉÏÃæÌáµ½µÄonerrorʼþÖ®Í⻹ÓÐÆäËûµÄ·½Ê½²¶»ñÐÅÏ¢ Èç try{}catch£¨exception£©{}
ÔÚ¶Ô²¶»ñµÄʼþ½øÐд¦Àí for(var i in exception) sError += i + ":" + exception[i] + "\n"; ÓÃfor in Ñ»·¿ÉÒÔ±éÀúÊý×é»òÕß¶ÔÏó
key-value
5 ʹÓÃvarÉùÃ÷¾Ö²¿±äÁ¿ ·ñÔò½«»áµ±×öȥȫ¾Ö±äÁ¿ È¡²»µ½¿ÉÄܾͻᱨ´í
ʹÓÃajaxʵÏÖÒ첽ʼþ´¦Àí£º
1 ³õʼ»¯XMLHttpRequest¶ÔÏó
function createXMLHttpRequest(){
if(window.ActiveXObject)
xmlHttp = new ActiveXObject(&q ......
±¾ÎÄ·ÇÔ´´
Object.extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
return destination;
}
Prototype ¶ÔObjectÀà½øÐеÄÀ©Õ¹Ö÷Ҫͨ¹ýÒ»¸ö¾²Ì¬º¯ÊýObject.extend(destination, source)ʵÏÖÁËJavaScriptÖеļ̳С£ ´ÓÓïÒåµÄ½Ç¶È, Object.extend(destination, source)·½·¨ÓÐЩ²»ºÍÂß¼, ÒòΪËüÊÂʵÉϽö½öʵÏÖÁË´ÓÔ´¶ÔÏóµ½Ä¿±ê¶ÔÏóµÄȫϢ¿½±´¡£²»¹ýÄãÒ²¿ÉÒÔÕâÑùÈÏΪ£ºÓÉÓÚÄ¿±ê¶ÔÏóÓµÓÐÁËËùÓÐÔ´¶ÔÏóËùÓµÓеÄÌØÐÔ, ËùÒÔ¿´ÉÏÈ¥¾ÍÏñÄ¿±ê¶ÔÏó¼Ì³ÐÁËÔ´¶ÔÏó(²¢¼ÓÒÔÀ©Õ¹)Ò»Ñù¡£ÁíÍâ, Prototype¶ÔObjectÀ©Õ¹Á˼¸¸ö±È½ÏÓÐÓõľ²Ì¬·½·¨, ËùÓÐÆäËûµÄÀà¿ÉÒÔͨ¹ýµ÷ÓÃÕâЩ¾²Ì¬·½·¨»ñȡ֧³Ö¡£
JScript code
Object.extend = function(destination, source) { // Ò»¸ö¾²Ì¬·½·¨±íʾ¼Ì³Ð, Ä¿±ê¶ÔÏó½«ÓµÓÐÔ´¶ÔÏóµÄËùÓÐÊôÐԺͷ½·¨
for (var property in source) {
& ......