ÍƼö9¿îºÜ°ôµÄÍøÒ³»æÖÆͼ±íJavaScript¿ò¼Ü½Å±¾
½ñÌìÒªÏò´ó¼ÒÍƼö9¿îºÜ°ôµÄ¿ÉÔÚÍøÒ³ÖлæÖÆͼ±íµÄJavaScript½Å±¾£¬ÕâЩÓÐȤµÄJS½Å±¾¿ÉÒÔ°ïÖúÄã¿ìËÙ·½±ãµÄ»æÖÆͼ±í£¨Ïß¡¢Ãæ¡¢±ý¡¢Ìõ…£©£¬ÆäÖаüÀ¨jQuery¡¢MooTools¡¢PrototypeºÍһЩÆäËüµÄJavaScript¿ò¼Ü¡£
Äú»¹¿ÉÒԲο¼ÒÔÏÂJavaScript/CSSÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý
¡·
¡¶300+Jquery, CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´
¡·
1.Flot
Flot
ÊÇ»ùÓÚ jQuery¿ò¼Ü»æÖÆͼ±íµÄ´¿Javascript¿ò¼Ü¡£Ëü¿ÉÔÚ¿Í»§¶Ë¼´Ê±»æÖƲ¢Éú³É¸÷ÖÖͼÐΡ£ÖØÒªµÄÊÇËüʹÓüò±ã£¨»¹Óкܶà¿ÉÑ¡µÄÉèÖã©¡¢ÎüÒýÈ˵ÄÊÓ¾õЧ¹ûºÍ½»»¥¹¦ÄÜ£¬Èçͼ±íËõ·ÅºÍÊó±ê¸ú×ٵȡ£¸Ãjavascript¿ò¼ÜÊÊÓÃÓÚÎÒÃÇËùÊìÖªµÄ Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ä¯ÀÀÆ÷¡£ ²é¿´Í¼±íÑùÀý
2.JS Charts
JS Chart
ÊÇÐèҪһЩ¼òµ¥»òÎÞÐèÊÖ¹¤Êéд±àÂëµÄ»ùÓÚJavascriptµÄÃâ·Ñͼ±íÉú³ÉÆ÷¡£Ê¹ÓÃJS Chart¿ÉÒԺܼòµ¥ºÜÈÝÒ×µÄÍê³ÉÄãµÄÉú³Éͼ±íÈÎÎñ£¬ÒòΪÄãÖ»ÐèҪʹÓÿͻ§¶Ë½Å±¾(¼´ä¯ÀÀÆ÷¶Ë)£¬ÎÞÐè¶àÓàµÄ²å¼þ»ò·þÎñÆ÷¶ËÄ£¿é¡£ÄãÖ»ÐèҪ׼±¸ºÃJS Chart½Å±¾¡¢°üº¬Í¼±íÊý¾ÝµÄXML»òJavascriptÊý×飬ÄãµÄͼ±í¾Í×¼±¸¾ÍÐ÷ÁË¡£
3. TableToChart
TableToChart
ÊÇ»ùÓÚMooTools JS¿ò¼ÜµÄÍøҳͼ±íÉú³ÉÆ÷£¬Ëüͨ¹ý°üº¬ÔÚHTML tableÖеÄÖµÀ´»æÖÆͼÐÎͼ±í¡£Äú¿ÉÒÔʹÓÃTable±êÇ©À´Éú³Éͼ±í£¬Ìõ¡¢Ïߺͱý¶¼¿ÉÒÔ¡£
4.PlotKit
PlotKit
ÊÇÒ»¿î»æÖÆͼ±íͼÐεÄJavascript¿ò¼Ü¡£ËüÖ§³ÖHTML Canvas¡¢»ùÓÚAdobe SVG ViewerµÄSVGºÍ±¾µØä¯ÀÀÆ÷¡£
5. Yahoo UI Charts Control
YUIͼ±í¹ÜÀí
¿ÉÒÔÔÚÍøÒ³ÖÐÒÔ´¹Ö±Ìõ¡¢ºáÌõ¡¢Ïß¡¢±ýµÈÐÎʽ¿ÉÊÓ»¯³ÊÏÖͼ±í¡£Ö÷ÒªÌØÉ«°üÀ¨Ö§³ÖDataSource¡¢Êó±êÐüÍ£Êý¾ÝÌáʾ¡¢×éºÏͼ±íºÍƤ·ô¹¦ÄÜ¡£
6. ProtoChart
ProtoChart
ÊÇ»ùÓÚPrototypeºÍCanvas¿É´´½¨·Ç³£Æ¯ÁÁͼ±íµÄ¿ªÔ´¿ò¼Ü¡£ËüÖ§³ÖÏß¡¢Ìõ¡¢±ý¡¢ÇúÏß¡¢»ìÔÓ(mix)¡¢Ãæͼ±íµÈ¶àÖÖÊý¾Ý´®ÁªÔÚͳһͼÐÎÖС£ËüÖ§³ÖIE6/7, FF2/3 ºÍ Safari ÉõÖÁ¿ÉÒÔÔÚ iPhoneÉϹ¤×÷.
7. EJSChart
EJSChart
Ö§³ÖÊó±ê¸ú×Ù¡¢Êó±êʼþ¡¢¼üÅ̸ú×ÙºÍʼþ¡¢Ëõ·Å¡¢¹ö¶¯¡¢Ê®×ÖÏßÔö¼Ó½»»¥¸Ð²¢ÎªÍøҳͼ±íµÄÓû§ÌåÑéÌáÉýÁËÒ»¸öµµ´Î¡£Äú¿ÉÒÔÑ¡Ôñ¶àÖÖͼ±íÀàÐÍ£ºÏß¡¢Ãæ¡¢·ÖÉ¢Êý¾Ý¡¢±ýºÍº¯Êý¼¶Êý¡£Í¼±íµÄÿ¸öϸ½Ú¶¼¿ÉÒÔ×Ô¶¨ÖÆ¡£
8.fgCharting
fgCharting
ÊÇ»ùÓÚjQuery¿ò¼ÜµÄ¼ò±ãͼ±íÉú³ÉÆ÷£¬ËüÒ²Ö§³Ö¸÷ÖÖͼ±íÀàÐͲ¢¿ÉÒÔ×Ô¶¨Òå²ÎÊý¡£
9. ´¿CssÊý¾Ýͼ±í
´¿CSS´úÂëÊ
Ïà¹ØÎĵµ£º
jsÑéÖ¤±íµ¥´óÈ«
1. ³¤¶ÈÏÞÖÆ
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("²»Äܳ¬¹ý50¸ö×Ö·û£¡");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"&g ......
Òý×Ô£ºhttp://blog.csdn.net/lsj19830812/archive/2007/10/25/1843578.aspx
a.jspÊÇÒª´òÓ¡µÄÒ³Ãæ
<html>
<head>
<script language="javascript">
function fmtPrint(printPlace,w,h){
var sarg=new Array();
var sdata=document.all.item(printPlace);
sarg[0]=s ......
"^\d+$"¡¡¡¡//·Ç¸ºÕûÊý£¨ÕýÕûÊý + 0£©
"^[0-9]*[1-9][0-9]*$"¡¡¡¡//ÕýÕûÊý
"^((-\d+)|(0+))$"¡¡¡¡//·ÇÕýÕûÊý£¨¸ºÕûÊý + 0£©
"^-[0-9]*[1-9][0-9]*$"¡¡¡¡//¸ºÕûÊý
"^-?\d+$"¡¡¡¡¡¡¡¡//ÕûÊý
"^\d+(\.\d+)?$"¡¡¡¡//·Ç¸º¸¡µãÊý£¨Õý¸¡µãÊý + 0£©
"^(([0 ......
±¾ÎÄת×Ô£ºhttp://bbs.51js.com/viewthread.php?tid=85083&extra=page%3D1
ÔÚ×Ô¶¨ÒåµÄº¯ÊýÖУ¬Èç¹ûÒªÏòº¯ÖÐÌύһЩ²ÎÊý£¬Ï°¹ßÐԵشó¼Ò»áÔÚº¯ÊýÖж¨Òå
Àý£º<script>
function test(a,b){
alert(a);
alert(b);
}
test("µÚÒ»´Î" ......
*˵Ã÷£ºselectÔªËØjavascript³£ÓòÙ×÷
* 1.ÅжÏÊÇ·ñ´æÔÚÖ¸¶¨valueµÄItem
* 2.¼ÓÈëÒ»¸öItem
* 3.ɾ³ýֵΪvalueµÄËùÓÐItem
* 4.ɾ³ýijһ¸öindexµÄÑ¡Ïî
* 5.¸üеÚindexÏîµÄvalueºÍtext
* 6.ÉèÖÃselectÖÐÖ¸¶¨textµÄµÚÒ»¸öItemΪѡÖÐ
* 7.ÉèÖÃselectÖÐÖ¸¶¨valueµÄµÚÒ»¸öItemΪѡÖÐ
* 8.µÃµ½µ±Ç°Ñ¡ÖÐÏîµÄv ......