JavaScript ÑÕÉ«ÌݶȺͽ¥±äЧ¹û
ʵÀýЧ¹û
Ô¤ÀÀЧ¹û1£º
ÕâÊÇÒ»¸öÑÕÉ«Ìݶȱ仯ÑÝʾ£º
Ô¤ÀÀЧ¹û2£º
Ò»¸öÑÕÉ«½¥±äµÄ²Ëµ¥£º
Cropper
Tween
Slider
Resize
Drag
Ô¤ÀÀЧ¹û3£º
ÑÕÉ«½¥±äµÄÓÐȤӦÓ㬵ã»÷Ëæ»úÑÕÉ«½¥±ä£º
µã»÷Ëæ»ú»»ÑÕÉ«
³ÌÐò˵Ã÷
¡¾ColorGradsÑÕÉ«Ìݶȡ¿
³ÌÐòColorGradsµÄ×÷ÓÃÊÇͨ¹ýStartColorºÍEndColorÉú³ÉÑÕÉ«Ìݶȼ¯ºÏ¡£
ÑÕÉ«¶¼¿ÉÒÔÓúì(r)¡¢ÂÌ(g)¡¢À¶(b)Èý¸öÑÕÉ«À´±íʾ¡£
³ÌÐòÖÐÏÈͨ¹ýGetColor°ÑÒ»°ãµÄÑÕÉ«±íʾÐÎʽת»¯³ÉÒ»¸öÓúì(r)¡¢ÂÌ(g)¡¢À¶(b)Èý¸öÑÕɫֵ×÷ÔªËØµÄ¼¯ºÏ¡£
ÄǾÍÊ×ÏÈÒªÖªµÀÓÐʲôÑÕÉ«±íʾÐÎʽ£¬´Ów3cµÄColors²¿·Ö¿ÉÒÔÖªµÀÓÐÒÔÏÂÐÎʽ£º
¹Ø¼ü´Êģʽ£º
em { color: red }
RGBÑÕɫģʽ£º
em { color: #f00 }
em { color: #ff0000 }
em { color: rgb(255,0,0) }
em { color: rgb(100%, 0%, 0%) }
ÒÔÉ϶¼ÊDZíʾͬһÖÖÑÕÉ«£¨ºìÉ«£©¡£
»ñÈ¡ÑÕÉ«ÊôÐÔµÄÐÎʽÔÚieºÍff²¢²»Í¬£¬ffͳһ·µ»ØRGBÑÕɫģʽµÄµÚÈýÖÖÐÎʽ£¬ieÔò°´ÕÕÉèÖÃʱµÄÐÎʽ·µ»Ø¡£
ÏÈ˵˵RGBÑÕɫģʽ£¬Ç°Á½ÖֱȽϳ£ÓÃÓ¦¸Ã¶¼Ã÷°×ËûÃǵÄÇø±ð°É£¬ËüÓõÄÊÇ16½øÖƱíʾÐÎʽ£¬¶øÎÒÃÇÏëÒª10½øÖƵġ£
°ÑÒ»¸ö16½øÖƱíʾµÄ×Ö·ûת³É10½øÖÆÊý×Ö£¬Ò»°ãÓÃparseInt£¬ÔÚsubstr½ØÈ¡×Ö·ûÖ®ºó¾Í¿ÉÒÔÓÃparseIntת»»¡£
¶ÔÓÚ#ff0000Õâ¸öÐÎʽ¿ÉÒÔÕâÑùת»»£º
return Map([color.substr(1, 2), color.substr(3, 2), color.substr(5, 2)],
function(x){ return parseInt(x, 16); }
)
parseIntµÄµÚ¶þ¸ö²ÎÊý¾ÍÊǵÚÒ»¸ö²ÎÊýµÄ½øÖÆÖµ¡£
¶ÔÓÚ#f00ÐÎʽ£¬¸úÉÏÒ»¸ö²î²»¶à£¬Ö»ÊÇת»»Ö®Ç°ÒªÏÈ»»³ÉÍêÕû±íʾÐÎʽ£º
return Map([color.substr(1, 1), color.substr(2, 1), color.substr(3, 1)],
function(x){ return parseInt(x + x, 16); }
)
ºóÃæÁ½ÖÖ¿ÉÄÜÓõľͱȽÏÉÙÁË£¬Ò»¸öÓÃ10½øÖƵÄrgbÑÕɫֵ±íʾ£¬ÁíÒ»¸öÓðٷֱÈÀ´±íʾ¡£
ffÑϸñ°´ÕÕÄÇÑùµÄ¸ñʽÀ´±íʾ£¬¶øie¾Í“·ÅËÉ”ºÜ¶à£¬ÀýÈ磺
ie¿ÉÒÔÔÊÐíÊý×ְٷֱȻìÓã¬ff²»¿ÉÒÔ£»
ff±ØÐëÓжººÅ·Ö¸ô£¬ie¿ÉÒÔÖ»Óÿոñ·Ö¸ô£»
µ±È»ÎÒÃÇʹÓÃʱ×îºÃÊǰ´ÕÕw3cµÄ±ê×¼À´ÉèÖÃÁË¡£
ps£ºÄǸöDHTML ÊÖ²áÉÏдµÄ EM { color: rgb 1.0 0.0 0.0 } ¸ù±¾²»ÄÜÓõ쬲»Òª±»Îóµ¼ÁË¡£
¶ÔÕâ¸öÐÎʽ£¬³ÌÐòÓÃÕýÔòÈ¡µÃÊýÖµ£¬Èç¹ûÓÐ%¾Í¸ù¾Ý°Ù·Ö±È¼ÆËã³ö¶ÔÓ¦ÊýÖ
Ïà¹ØÎĵµ£º
var myDate = new Date();
myDate.getYear(); //»ñÈ¡µ±Ç°Äê·Ý(2λ)
myDate.getFullYear(); //»ñÈ¡ÍêÕûµÄÄê·Ý(4λ,1970-????)
myDate.getMonth(); //»ñÈ¡µ±Ç°Ô·Ý(0-11,0´ú±í1ÔÂ)
myDate.getDate();   ......
//ºǫ́CSµ÷ÓÃǰ̨JS·½·¨
ClientScript.RegisterStartupScript(this.GetType(), "onclick", "<script>CheckInput()</script>");
//УÑéÊäÈë¿òÊÇ·ñΪ¿Õ£¬Ð£ÑéÊÇ·ñÊÇÊý×Ö
<script type="text/javascript" language="javascript">
function CheckInput ......
JavascriptË¢ÐÂÒ³ÃæµÄ¼¸ÖÖ·½·¨£º
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7& ......
Ò»¡¢ÔÚHTMLÖÐǶÈëJavasriptµÄ·½·¨
Ö±½ÓÔÚJavascript´úÂë·ÅÔÚ±ê¼Ç¶Ô<script>ºÍ</script>Ö®¼ä
ÓÉ<script />±ê¼ÇµÄsrcÊôÐÔÖÆ¶¨ÍⲿµÄjsÎļþ
·ÅÔÚʼþ´¦Àí³ÌÐòÖУ¬±ÈÈ磺<p onclick="alert('ÎÒÊÇÓÉonclickʼþÖ´ÐеÄJavascript')">µã»÷ÎÒ</p>
×÷ΪURLµÄÖ÷Ì壬Õâ¸öURLʹÓÃÌØÊâµÄJavascript ......
ÄãÖªµÀÊÀ½çÉÏÓжàÉÙÖÖä¯ÀÀÆ÷Â𣿳ýÁËÎÒÃÇÊìÖªµÄIE, Firefox, Opera, SafariËÄ´óä¯ÀÀÆ÷Ö®Í⣬ÊÀ½çÉÏ»¹Óнü°ÙÖÖä¯ÀÀÆ÷¡£
¼¸Ììǰ£¬ä¯ÀÀÆ÷¼Ò×åÓиյ®ÉúÁËһλСÍõ×Ó£¬¾ÍÊÇGoogleÍÆ³öµÄChromeä¯ÀÀÆ÷¡£ÓÉÓÚChrome³öÉúÃûÃÅ£¬¾¡¹ÜËû»¹ÊǸöС¼Ò»ï£¬Ã»ÓÐÈ˸ÒС ......