Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

40 ¸öÇáÁ¿¼¶ JavaScript ¿â

Á÷ÐÐµÄ JavaScript ¿â²»Ê¤Ã¶¾Ù£¬jQuery, MooTools, Prototype, Dojo, YUI¡£ÕâЩ JavaScript ¿â¹¦Äܷḻ£¬¼ÓÉÏËüÃǵIJå¼þ£¬¼¸ºõÄÜʤÈÎÈκι¤×÷£¬È»¶øÕâÊÇÓдú¼ÛµÄ£¬ÕâЩ¿âÍùÍùµ¼ÖÂÄãµÄÍøÒ³³ß´çÓ·Öס£ÔÚijЩ³¡ºÏ£¬Èç¹ûÄãÖ»ÏëÍê³ÉÌØ¶¨µÄ¹¤×÷£¬¿ÉÒÔʹÓà һЩ¹¦ÄܸüרһµÄÇáÁ¿¿â£¬±¾ÎĽéÉÜÁË40¸ö·Ç³£³öÉ«µÄÇáÁ¿¼¶ JavaScript ¿â¡£
1. ±íµ¥Ïà¹Ø
wForms
Ò»¸öµÍµ÷µÄ¿ªÔ´ÏîÄ¿£¬¼ò»¯Á˾ø´ó¶àÊý³£Óà JavaScript ±íµ¥¹¦ÄÜ£¬°üº¬¿ÉÒÔÖ±½ÓʹÓÃµÄ±íµ¥ÑéÖ¤¹¦ÄÜ£¬ÁíÍ⣬»¹°üº¬Ç¿´óµÄ±íµ¥Í¬²½ÒÔ¼°±íµ¥Ìõ¼þÅжϹ¦ÄÜ¡£
Validanguage
ÓÖÒ»¸öµÍµ÷µÄ JavaScript ±íµ¥ÑéÖ¤¿ò¼Ü¡£ËüÓµÓм¯³ÉÂß¼­£¬Ò»Ð©ÉèÖÿÉÒÔÕë¶ÔÈ«¾Ö£¬µ¥¸ö±íµ¥»òµ¥¸ö¶ÔÏó¡£ÌṩÁ½¸öAPI£¬¼¯³É AJAX Ö§³Ö£¬»º´æ£¬ÒÔ¼°»Øµ÷º¯Êý¡£ËüÌṩÀàËÆ HTML µÄ API Óï¾ä£¬ÒÔ¼°ÃæÏò¶ÔÏóµÄ JavaScript API ¡£
LiveValidation
Ò»¸öÇáÁ¿µÄ±íµ¥ÑéÖ¤¿â¡£³ýÁË´«Í³µÄÑéÖ¤¹¦ÄÜ£¬»¹ÌṩʵʱÑéÖ¤£¬¿ÉÒÔÒ»±ßÊäÈëÒ»±éÑéÖ¤¡£Ruby on Rails Óû§¿ÉÄܻᷢÏÖÕâ¸ö¿â·Ç³£ºÃÓã¬ÒòΪËûÃǵÄÃüÃû¹æÔòºÍ²ÎÊýÊ®·Ö½üËÆ¡£¸Ã¿â¼ÈÓжÀÁ¢°æ±¾£¬ÓÖÓÐÒ»¸ö Prototype °æ±¾¡£
yav
Ò»¸öÇ¿´ó£¬Áé»î£¬¿ÉÀ©Õ¹µÄ±íµ¥ÑéÖ¤¿â¡£Ö§³Ö¸÷ÖÖ³¡ºÏ£¬´Ó¼òµ¥µÄÈçÈÕÆÚ£¬µç×ÓÓʼþµØÖ·ÒÔ¼°ÕûÊýµÄÑéÖ¤£¬µ½¸´Ôӵģ¬ÈçÕýÔò±í´ïʽ¡£ÄÚÖà AJAX Ö§³Ö£¬Êä³öµÄ´íÎóÏûÏ¢¿ÉÒÔ¶¨Î»µ½¶ÔÏó¼¶¡£
qForms
´¦Àí±íµ¥µÄÕûÌ×·½°¸¡£¹¦ÄܰüÀ¨¸÷ÖÖÑéÖ¤¹æÔò£¬·ÀÖ¹¶à´Î·¢²¼µÄ»úÖÆ£¬ÒÔ¼°Ëø¶¨»ò½âËøÖÆ¶¨ÊäÈë¿ò¡£
formreform
²»»ùÓÚ table µÄ¶àÀ¸Éè¼ÆÏòÀ´ÊÇÒ»¸öÌôÕ½¡£Õâ¸ö΢ÐͿ⽫´«Í³µÄ±íµ¥±ä³ÉƯÁÁµÄ¶àÀ¸ÐÎʽ¡£
2. ¶¯»­Ïà¹Ø
$fx()
Ò»¸öÓÃÀ´Èà HTML ¶ÔÏóÔ˶¯µÄÇáÁ¿¿â¡£Äã¿ÉÒÔÔÚÒ»¸öʱ¼äÖáÉϸıäÈκΠCSS ÊôÐÔ£¬¶ÔÓÚ¸´ÔÓ¶¯»­£¬Äã¿ÉÒÔ½«¸÷ÖÖЧ¹û½áºÏÆðÀ´£¬½«¶ÔÏó·Ö×飬ÈÃËüÃDz¢ÐÐÔ˶¯¡£
JSTweener
Ò»¸öÉú³ÉÖмäÖ¡µÄ JavaScript ¿â£¬ËüµÄ API ÀàËÆÖøÃûµÄÖмäÖ¡ÒýÇæ Tweener¡£Äã¿ÉÒÔÖ¸¶¨¶¯»­Ê±¼ä£¬¶¨ÒåÇл»Ð§¹ûÒÔ¼°Ê±ÑÓ¡£ÔÚ¼¸ºõÈκε㶼¿ÉÒÔ´¥¶¯Ê¼þ¡£
Facebook Animation
Ò»¸öÇ¿´óµÄ£¬ÓÃÀ´´´½¨¿É¶¨ÖƵ쬻ùÓÚ CSS µÄ¶¯»­¡£ÔÚ Facebook ¶¯»­ÖУ¬¼¸ÐдúÂë¾Í¿ÉÒÔ¸ÄÉÆ UI¡£Óï·¨ºÍ FBJS £¨ÓÃÓÚ Facebook µÄ¿â£©Ò»Ñù¡£
FX
Ò»¸öÓï·¨ÀàËÆ YUI µÄÇáÁ¿ JavaScript ¿â£¬¿ÉÒÔΪ¼¸ºõÈκΠCSS ÊôÐÔ´´½¨ÖмäÖ¡¡£Ö§³ÖÑÕÉ«ºÍ¹ö¶¯¶¯»­£¬Îª¶ÔÏóÉèÖà to ºÍ from Öµ¾Í¿ÉÒÔÁË¡£
3. ÊÓ¾õÓëͼÐÎЧ¹û
JS charts
Ö§³ÖÖù״ͼ£¬Ô²±ýͼÒÔ¼°¼òµ¥µÄÇúÏßͼ¡£Ö±½Ó½«Õâ¸ö¿â²åÈëÍøÒ³£¬È»ºó´Ó XML Îļþ»ò JavaScript Êý×é±äÁ


Ïà¹ØÎĵµ£º

JavaScript »ñÈ¡¶ÔÏóµÄ¸ß¶ÈºÍ¿í¶ÈÏêϸ˵Ã÷

scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......

javascript+div+css¹ö¶¯²Ëµ¥µÄʵÏÖ.

Ч¹ûͼ
´úÂë:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......

javascriptÓëflashº¯ÊýÏ໥½»»¥

Java´úÂë import flash.external.ExternalInterface;   function hello(){   return "²âÊԳɹ¦ÁËŶ~~";       }   //ÔÊÐíflashµ÷ÓÃjsº¯Êý ²ÎÊý1£ºjsº¯ÊýÃû³Æ ²ÎÊý2£ºÏòjsº¯Êý´«µÝµÄ²ÎÊý ExternalInterface.call("hello", "jacky");  ......

JavaScript ºÍJSP Á¬½ÓSqlServer Êý¾Ý¿â

µÚÒ»ÖÖ JavaScriptÁ¬½ÓÊý¾Ý¿â£º
<mce:script language="JavaScript"><!--
// ´´½¨Êý¾Ý¿â¶ÔÏó
var objdbConn = new ActiveXObject("ADODB.Connection");
// DSN×Ö·û´®
var strdsn = "Driver={SQL Server};SERVER=192.168.0.210;UID=xhb;PWD=xhb;DATABASE=books";
// ´ò¿ªÊý¾ÝÔ´
objdbConn.Open(strdsn);
// ......

JavaScriptÅжÏÉÏ´«ÎļþµÄ´óС

<form     name="form1">  
  <input type="file"     name="file1"     onchange="checkimage
(value)">  
  </form>  
  <script     language="javasc ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ