РAPI ѰÇóÈà JavaScript ²Ù×÷±¾µØÎļþ
ÈÕǰ£¬Mozilla µÄ Arun Ranganathan Ïò W3C Ìá½»ÁËÒ»¸ö²Ý°¸£¬Ö¼ÔÚÍÆ³öÒ»¸ö JavaScript API£¬ÈÃ
JavaScript ½Å±¾Ö±½Ó²Ù×÷±¾µØÎļþ£¬Firefox µÄ×îÐÂä¯ÀÀÆ÷°æ±¾ÖÐÒѾ¶Ô¸Ã API ÌṩÁË´óÁ¿µÄÖ§³Ö£¬²»¹ý³öÓÚ°²È«¿¼ÂÇ£¬¸ÃAPI
½«Ö»¶Ô±¾µØÎļþÌṩÓÐÏ޵ķÃÎÊ¡£
¸Ã API ÒýÈëÁËÒ»¸ö FileReader ¶ÔÏ󣬿ÉÒÔÒì²½¼ÓÔØ±¾µØÎļþϵͳÖеÄÎļþ£¬²¢ÔÊÐí¿ª·¢ÕßΪÖîÈç
¼ÓÔØÊ§°Ü£¬½ø¶È£¬¼ÓÔØÍê³ÉµÈʼþ
·ÖÅ仨µ÷º¯Êý£¬ËüÌṩµÄ·½·¨¿ÉÒÔ´Ó±¾µØÎļþÖжÁÈ¡Îı¾»ò¶þ½øÖÆÊý¾Ý£¬²¢Í¨¹ýÒ»¸ö
abort ·½·¨ËæÊ±´ò¶Ï²Ù×÷¡£
FileReader ¶ÔÏóʹ¿Í»§¶ËµÄÎļþ·ÃÎʳÉΪÏÖʵ£¬Óû§²»±ØÔÙÏóÒÔǰÄÇÑùÊ×ÏȽ«ÎļþÉÏ´«µ½·þÎñÆ÷²ÅÄÜ´¦Àí£¬ÊÂʵÉÏ£¬IE ºÍ Firefox ÒѾӵÓÐһЩ·Ç±ê×¼µÄ·½·¨·ÃÎʱ¾µØÎļþ£¬µ«ÕâЩ·½·¨²¢·Ç±ê×¼ JavaScript ÐÐΪ¡£
FileReader ¶ÔÏó²¢²»ÐèÒªÌØ±ðµÄȨÏÞ£¬µ«³öÓÚÏÔÈ»µÄ°²È«¿¼ÂÇ£¬Ö±½ÓʹÓÃÎļþ·¾¶½øÐзÃÎÊÊDz»ÔÊÐíµÄ£¬±ØÐë½áºÏ³£¹æµÄ
HTML file ¶ÔÏó£¬Óû§µã»÷ä¯ÀÀÖ®ºó£¬Ñ¡Ôñ±¾µØÎļþ£¬JavaScript ÔÙͨ¹ý DOM ÒýÓøÃÎļþ²¢½øÐвÙ×÷£¬Õâ¸ö»úÖÆÊ¹µÃ¸Ã API
Ïà¶Ô°²È«Ò»Ð©£¬ÒòΪÈκα¾µØÎļþµÄ»ñÈ¡¶¼ÐèÒªÓû§µÄÈ˹¤²ÎÓë¡£
ÒÔÏÂÀý×ÓʹÓøà API ´ò¿ªÒ»¸ö±¾µØÎļþ²¢½«ÎļþÄÚÈÝÏÔʾÔÚÒ»¸ö div ÈÝÆ÷ÖУ¬ÎÒÃÇÉõÖÁ¿ÉÒÔÔÚ div ÉϼÓÉÏ contentEditable ÊôÐÔ£¬Óû§¿ÉÒÔÖ±½Ó±à¼ÎļþµÄÄÚÈÝ£¬²»¹ý£¬¸Ã API ²¢Ã»ÓÐÌṩ½«ÎļþÄÚÈÝд»Ø±¾µØÎļþµÄ·½·¨£¬Òò´ËÄã±à¼µÄÄÚÈÝÎÞ·¨±£´æ¡£
Ëæ×Å JavaScript ÒýÇæµÄЧÂÊÔÚ¸÷´óä¯ÀÀÆ÷µÄÏÔÖøÌá¸ß£¬JavaScript ¿ÉÒÔ×öÔ½À´Ô½¶àµÄÊ£¬±¾µØÎļþ API
µÄÒýÈ뽫ÈúܶàÓÐȤµÄ¹¦ÄܳÉΪÏÖʵ¡£¾¡¹Ü¸Ã API ²¢·Ç¶àÃ´ÖØ´óµÄ¼¼Êõ¸ïÃü£¬µ«Ëü½«ÍØÕ¹ Web Ó¦ÓõÄÊÓÒ°£¬Èà Web ƽ̨ʵÏÖÔ½À´Ô½¶àµÄ¹¦ÄÜ¡£
±¾ÎÄÀ´Ô´£ºhttp://arstechnica.com/open-source/news/2009/11/w3c-publishes-draft-of-new-file-api-spec.ars
ÖÐÎÄ·ÒëÀ´Ô´£ºCOMSHARP CMS ÆóÒµÍøÕ¾ÄÚÈݹÜÀíϵͳ
¹Ù·½Õ¾
Ïà¹ØÎĵµ£º
// s_id1: selectµÄid
var objSelect = document.getElementById(”s_id1”);
//»ñµÃË÷Òý
var indexSelect = objSelect .selectedIndex;
//»ñµÃselectÎı¾
var txtSelect = objSelect .options[index].text;
//»ñµÃselectÖµ
var valSelect = objSelect .options[index].value;
//¸Ä±äselect ......
ÔÚprototype¿ò¼ÜÖеÄÀà¼Ì³ÐʵÏÖ»úÖÆ
//ΪObjectÀàÌí¼Ó¾²Ì¬·½·¨£ºextend
Object.extend = function(destination, source) {
for(property in source) {
destination[property] = source[property];
}
return destination;
}
//ͨ¹ýObjectÀàΪÿ¸ö¶ÔÏóÌí¼Ó·½·¨ ......
RegExp¶ÔÏó£¨ÖÁ½ñΪֹÎÒ¿´µ½¹ýµÄ×îͨË×Ò×¶®ºÍÉîÈëµÄÕýÔò±í´ïʽ½Ì³Ì£©
JavaScriptÌṩÁËÒ»¸öRegExp¶ÔÏóÀ´Íê³ÉÓйØÕýÔò±í´ïʽµÄ²Ù×÷ºÍ¹¦ÄÜ£¬Ã¿Ò»ÌõÕýÔò±í´ïʽģʽ¶ÔÓ¦Ò»¸öRegExpʵÀý¡£ÓÐÁ½ÖÖ·½Ê½¿ÉÒÔ´´½¨RegExp¶ÔÏóµÄʵÀý¡£
ʹÓÃRegExpµÄÏÔʽ¹¹Ô캯Êý£¬Ó﷨Ϊ£ºnew RegExp("pattern"[,"flag ......
ÑÝʾµØÖ·: http://www.wowo-design.com/view/51_01/index.htm
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css²Ëµ¥ÑÝʾ</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
......
żµÃ±¾ÄÚÈÝ£¬¸Ð¾õдµÃºÜÊDz»´í£¬ÌØ×ªÀ´Óë´ó¼Ò·ÖÏí
Èí¼þ˼Ï뾫ƷϵÁÐ
Îò͸ JavaScript
ÔÖø£ºÀîÕ½(leadzen)
http://www.cndev.org
http://www.cnblogs.com/leadzen
1
Òý×Ó
±à³ÌÊÀ½çÀïÖ»´æÔÚÁ½ÖÖ»ù±¾ÔªËØ£¬Ò»¸öÊÇÊý¾Ý£¬Ò»¸öÊÇ´úÂë¡£±à³ÌÊÀ½ç¾ÍÊÇÔÚÊý¾ÝºÍ´úÂëǧ˿ÍòÂÆµÄ¾À²øÖгÊÏÖ³öÎÞÏÞµÄÉú»úºÍ»î
Á¦¡£
Êý¾ÝÌìÉú¾ÍÊ ......