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 Êý×é±äÁ
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
Ч¹ûͼ
´úÂë:
<!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() {
......
Java´úÂë import flash.external.ExternalInterface; function hello(){ return "²âÊԳɹ¦ÁËŶ~~"; } //ÔÊÐíflashµ÷ÓÃjsº¯Êý ²ÎÊý1£ºjsº¯ÊýÃû³Æ ²ÎÊý2£ºÏòjsº¯Êý´«µÝµÄ²ÎÊý ExternalInterface.call("hello", "jacky"); ......
µÚÒ»ÖÖ 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);
// ......
<form name="form1">
<input type="file" name="file1" onchange="checkimage
(value)">
</form>
<script language="javasc ......