JavaScript ͼƬԤÀÀЧ¹û
Ëæ×Åä¯ÀÀÆ÷°²È«ÐÔµÄÌá¸ß£¬ÒªÊµÏÖͼƬԤÀÀÒ²Ô½À´Ô½À§ÄÑ¡£
²»¹ýȺÖÚµÄÖÇ»ÛÊÇÎÞÏ޵ģ¬ÍøÉÏÒ²Óкܶà±äͨ»òÏȽøµÄ·½·¨À´ÊµÏÖ¡£
ÔÚÑо¿Á˸÷ÖÖÔ¤ÀÀ·½·¨ºó£¬×÷Ϊ×ܽᣬдÁËÕâ¸ö³ÌÐò£¬¸ú´ó¼ÒÒ»Æð·ÖÏí¡£
ÉÏ´ÎдµÄ¼ò±ãÎÞË¢ÐÂÎļþÉÏ´«ÏµÍ³×î³õµÄÄ¿µÄ¾ÍÊÇÓÃÀ´ÊµÏÖÕâ¸öͼƬԤÀÀЧ¹û¡£
¼æÈÝ£ºie6/7/8, firefox 3.5.5
ºǫ֧́³ÖÏ»¹¼æÈÝ£ºopera 10.10, safari 4.0.4, chrome 3.0
ps£º¼æÈÝopera, safariºÍchromeÐèÒªºǫ֧́³Ö£¬ÇëÏÂÔØÊµÀý²âÊÔ¡£
³ÌÐò˵Ã÷
¡¾»ù±¾ÔÀí¡¿
ͼƬԤÀÀÖ÷Òª°üÀ¨Á½¸ö²¿·Ö£º´Ófile±íµ¥¿Ø¼þ»ñȡͼÏñÊý¾Ý£¬¸ù¾ÝÊý¾ÝÏÔʾԤÀÀͼÏñ¡£
³ÌÐòµÄfileºÍimgÊôÐÔ¾ÍÊÇÓÃÀ´±£´æfile¿Ø¼þºÍÏÔʾԤÀÀͼÏñµÄÈÝÆ÷µÄ£¬¶øimg»¹±ØÐëÊÇimgÔªËØ¡£
³ÌÐòÓÐÒÔϼ¸ÖÖÔ¤ÀÀ·½Ê½£º
simpleģʽ£ºÖ±½Ó´ÓfileµÄvalue»ñȡͼƬ·¾¶À´ÏÔʾԤÀÀ£¬ÊÊÓÃÓÚie6£»
filterģʽ£ºÍ¨¹ýselection»ñÈ¡fileµÄͼƬ·¾¶£¬ÔÙÓÃÂ˾µÀ´ÏÔʾԤÀÀ£¬ÊÊÓÃÓÚie7/8£»
domfileģʽ£ºµ÷ÓÃfileµÄgetAsDataURL·½·¨»ñÈ¡Data URIÊý¾ÝÀ´ÏÔʾԤÀÀ£¬ÊÊÓÃÓÚff3£»
remoteģʽ£º×îºóµÄ°ì·¨£¬°ÑfileÌá½»ºǫ́´¦Àíºó·µ»ØÍ¼Æ¬Êý¾ÝÀ´ÏÔʾԤÀÀ£¬È«ÊÊÓá£
³ÌÐò¶¨Òåʱ¾Í×Ô¶¯¸ù¾Ýä¯ÀÀÆ÷ÉèÖÃMODEÊôÐÔ£º
ImagePreview.MODE = $$B.ie7 || $$B.ie8 ? "filter" :
$$B.firefox ? "domfile" :
$$B.opera || $$B.chrome || $$B.safari ? "remote" : "simple";
Èç¹ûÓÃÄÜÁ¦¼ì²â»á±È½ÏÂé·³£¬ËùÒÔÖ»ÓÃÁËä¯ÀÀÆ÷¼ì²â¡£
ÓÉÓÚä¯ÀÀÆ÷¶ÔÓ¦µÄĬÈÏģʽÊDz»»á±äµÄ£¬Õâ¸öÖµ»á±£´æµ½º¯ÊýÊôÐÔÖÐ×÷Ϊ¹«ÓÃÊôÐÔ¡£
ps£ºie6Ò²¿ÉÒÔÓÃfilterģʽ£¬²»¹ýËüÓиüºÃµÄsimpleģʽ¡£
¡¾»ñÈ¡Êý¾Ý¡¿
µ÷ÓÃpreview·½·¨£¬¾Í»áÖ´ÐÐÔ¤ÀÀ³ÌÐò£º
if ( this.file && false !== this.onCheck() ) {
this._preview( this._getData() );
}
ÔÚͨ¹ý¼ì²âºó£¬ÔÙµ÷ÓÃ_getData»ñÈ¡Êý¾Ý£¬²¢×÷Ϊ_previewµÄ²ÎÊý½øÈëÏÂÒ»²½¡£
³ÌÐò³õʼ»¯Ê±¾Í»á¸ù¾ÝmodeÀ´ÉèÖÃ_getDataÊý¾Ý»ñÈ¡³ÌÐò£º
this._getData = this._getDataFun(opt.mode);
modeµÄĬÈÏÖµÊÇImagePreview.MODE£¬Ò²¿ÉÒÔÔÚ¿ÉÑ¡²ÎÊýÖÐ×Ô¶¨Òå¡£
ÓÉÓÚ¼æÈÝÐÔÎÊÌ⣬һ°ãÓ¦±£ÁôĬÈÏÖµ£¬³ý·ÇÊÇʹÓÃÈ«¼æÈݵÄremoteģʽ¡£
ÔÚ_getDataFunÀïÃæ£¬¸ù¾Ýmode·µ»ØÊý¾Ý»ñÈ¡³
Ïà¹ØÎĵµ£º
1¡¢Ê²Ã´ÊDZհü¡¢ÒÔ¼°±Õ°üËùÉæ¼°µÄ×÷ÓÃÓòÁ´ÕâÀï¾Í²»ËµÁË¡£
2¡¢JavaScriptÀ¬»ø»ØÊÕ»úÖÆ
JavaScript²»ÐèÒªÊÖ¶¯µØÊÍ·ÅÄڴ棬ËüʹÓÃÒ»ÖÖ×Ô¶¯À¬»ø»ØÊÕ»úÖÆ£¨garbage collection£©¡£µ±Ò»¸ö¶ÔÏóÎÞÓõÄʱºò£¬¼´³ÌÐòÖÐÎÞ±äÁ¿ÒýÓÃÕâ¸ö¶ÔÏóʱ£¬¾Í»á´ÓÄÚ´æÖÐÊͷŵôÕâ¸ö±äÁ¿¡£
Code
&nb ......
1.document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:IEÏÂ,¿É ......
http://javascript.crockford.com/private.html
function a() {
var i = 0;
function b() {
alert(++i);
}
return b;
}
var c = a();
c();
µ±ÔÚº¯ÊýbÖзÃÎÊÒ»¸ö±äÁ¿µÄʱºò£¬ËÑË÷˳ÐòÊÇ£º
ÏÈËÑË÷×ÔÉíµÄ»î¶¯¶ÔÏó£¬Èç¹û´æÔÚÔò·µ»Ø£¬Èç¹û²»´æÔÚ½«¼ÌÐøËÑË÷º¯ÊýaµÄ»î¶¯¶ÔÏó£¬ÒÀ ......
FireFox : addEventListener()·½·¨ IE : attachEvent()·½·¨ ΪHTMLÔªËØÌí¼ÓÒ»¸öʼþ¼àÌý, ¶ø²»ÊÇÖ±½Ó¶ÔÔªËØµÄʼþÊôÐÔ£¨È磺onclick¡¢onmouseover£©¸³Öµ¡£ ÕâÁ½ÖÖ·½·¨´¦Àíʼþ»¹ÊÇÓкܴóÇø±ðµÄ£¡Ê¼þÊôÐÔÖ»Äܸ³ÖµÒ»ÖÖ·½·¨£¬¼´£º button1.onclick = function() { alert(1); };
button1.onclick = function() { aler ......