JavaScript ÑÕÉ«ÌݶȺͽ¥±äЧ¹û¸üÐÂ
½üÀ´¿´ÁËDeanµÄ“Convert any colour value to hex in MSIE”£¬ÖÕÓÚ½â¾öÁ˸ù¾Ý¹Ø¼ü×Ö»ñÈ¡ÑÕÉ«rgbÖµµÄÎÊÌâ¡£
˳±ã°Ñ³ÌÐòÒ²ÖØÐÂÕûÀíÒ»·¬£¬²¢Ê¹ÓÃÁË×î½üÕûÀíµÄ¹¤¾ß¿â¡£
Ч¹ûÔ¤ÀÀµ½ÕâÀï
ÏÂÔØÍêÕûʵÀý
³ÌÐò˵Ã÷
¡¾ColorGradsÑÕÉ«Ìݶȡ¿
³ÌÐòColorGradsµÄ×÷ÓÃÊǸù¾ÝÑÕÉ«¼¯ºÏºÍ½¥±ä¼¶ÊýÉú³ÉÑÕÉ«Ìݶȼ¯ºÏ¡£
½¥±ä¼¶ÊýµÄÒâ˼ÊÇ·Ö¶àÉÙ²½Íê³É½¥±ä¡£
ÍøÒ³Éè¼ÆÖеÄÑÕÉ«ÊÇÓÃRGBÉ«²Êģʽ³ÊÏֵġ£
ÔÚÕâ¸öģʽÖÐÿÖÖÑÕÉ«¿ÉÒÔÓÃÈý¸ö´ú±íºì(r)¡¢ÂÌ(g)¡¢À¶(b)µÄÑÕɫֵ£¨0µ½255£©À´±íʾ¡£
´Ó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íʾͬһÖÖÑÕÉ«£¨ºìÉ«£©¡£
¹Ø¼ü×ÖÐÎʽ¾ÍÊÇÓùؼü×Ö´ú±íÑÕɫֵ¡£
¶øRGBÐÎʽ£¬Ç°Á½ÖÖÓõıȽ϶࣬¶¼ÊÇÒ»¸ö"#"ºóÃæ´ø16½øÖƱíʾµÄÑÕɫֵ£¬µÚÈýÖÖÊÇÓÃÊ®½øÖƵÄÑÕɫֵ£¬µÚËÄÖÖÊÇʵ¼ÊÖµ¸ú255µÄ°Ù·Ö±ÈÐÎʽ¡£
¸÷¸öä¯ÀÀÆ÷¶Ô¸÷ÖÖÑÕÉ«±íʾÐÎʽµÄ»ñÈ¡²¢²»Ïàͬ£º
"color: red"ÐÎʽ£º
ie
opera
ff
chrome/safari
style
red
red
#ff0000
red
currentStyle
red
"red"
getComputedStyle
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
"color: #ff0000"/"color: #f00"ÐÎʽ£º
ie
opera
ff
chrome/safari
style
#ff0000/#f00
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
currentStyle
#ff0000/#f00
#ff0000
getComputedStyle
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
"color: rgb(255, 0, 0)"/"color: rgb(100%, 0%, 0%)"ÐÎʽ£º
ie
opera
ff
chrome/safari
style
rgb(255,0,0)
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
currentStyle
rgb(255,0,0)
#ff0000
getComputedStyle
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
»ù±¾Éϵõ½µÄÖµ»¹Êǰ´±ê×¼µÄÐÎʽÏÔʾµÄ£¬Ö»ÊÇÓÐЩ»á×Ô¶¯×ª»»ÐÎʽ¡£
²»¹ýieµÄrgbÐÎʽ¸úff/chrome/safariµÄ²»Í¬£¬ÊýÖµÖ®¼ä²¢Ã»Óпոñ¡£
ÒªÌØ±ð×¢ÒâµÄÊÇoperaÓÃcurrentStyle»ñÈ¡¹Ø¼ü×ÖÐÎʽµÃµ½µÄÑÕɫֵÊÇ´øË«ÒýºÅµÄ£¬Ê®·ÖÆæ¹Ö£¬Òª¾¡Á¿±ÜÃâʹÓá£
Òª»ñÈ¡Á½ÖÖÑÕÉ«µÄ½¥±äÌݶȣ¬ÏÈÒª°ÑÑÕɫת»¯³ÉÄÜÓÃÀ´¼ÆËãµÄÊýÖµ¡£
GetColorºÍGetData³ÌÐò¾ÍÊÇÓÃÀ´°Ñ·ûºÏw3c±ê×¼±íʾµÄÑÕɫֵת»¯³É×éºÏ¸ÃÑÕÉ«µÄºì(r)¡¢ÂÌ
Ïà¹ØÎĵµ£º
JavascriptµÄµ÷ÊÔ£¬ÊÇ¿ª·¢WebÓ¦ÓÃÓÈÆäÊÇAJAXÓ¦ÓúÜÖØÒªµÄÒ»»·£¬Ä¿Ç°¶ÔJavascript½øÐе÷ÊԵŤ¾ßºÜ¶à£¬ÎұȽÏϲ»¶Ê¹ÓõÄÊÇFirebug¡£FirebugÊÇJoe Hewitt¿ª·¢µÄÒ»Ì×ÓëFirefox¼¯³ÉÔÚÒ»ÆðµÄ¹¦ÄÜÇ¿´óµÄweb¿ª·¢¹¤¾ß£¬¿ÉÒÔʵʱ±à¼¡¢µ÷ÊԺͼà²âÈκÎÒ³ÃæµÄCSS¡¢HTMLºÍJavaScript¡£
±¾ÎÄÖ÷ÒªÊÇΪ³õѧÕß½éÉÜÒ»ÏÂFirebugµÄ»ù±¾¹¦ÄÜÓëÈ ......
JavaScriptÈçºÎʵÏÖ“ÃæÏò¶ÔÏó”µÄ¸÷ÖÖÌØÕ÷
JavaScriptÊÇÒ»ÖÖ»ùÓÚ¶ÔÏóµÄÓïÑÔ£¬Ö»ÄÜʹÓÃϵͳÌṩµÄÄÚÖöÔÏó¡£ÈçºÎ²ÅÄÜÓÃJavaScriptд³öÏóÃæÏò¶ÔÏóÓïÑÔÒ»ÑùµÄ´úÂëÄØ£¿ÏÂÃæÎҾ͸ø´ó¼Ò˵˵Îҵķ½·¨¡£
1¡¢¶¨ÒåÒ»¸öÀà(class &   ......
À´Ô´£ºhttp://www.diybl.com/course/1_web/javascript/jsjs/2007114/83289.html
Ç¿ÖÆÀàÐÍת»»
ʹÓÃÇ¿ÖÆÀàÐÍת»»£¨type casting£©´¦Àíת»»ÖµµÄÀàÐÍ¡£Ê¹ÓÃÇ¿ÖÆÀàÐÍת»»¿ÉÒÔ·ÃÎÊÌØ¶¨µÄÖµ£¬¼´Ê¹ËüÊÇÁíÒ»ÖÖÀàÐ͵ġ£JSÖпÉÓõÄ3ÖÖÇ¿ÖÆÀàÐÍת»»ÈçÏ£º
Boolean(value)——°Ñ¸ø¶¨µÄÖµ ......
Ò»°ã¶øÑÔ£¬Èç¹û½Å±¾ºÜ³¤£¬ÎÒÃǰÑËüÃǷŵ½Ò»¸öJSÎļþÖУ¬È»ºóÉú³ÉÒ»¸öscriptÔªËØ²¢°ÑËü¼ÓÈëDOMÊ÷£¬°ÑsrcÉèÖÃΪJSÎļþµÄµØÖ·¼´¿É¡£µ«¶ÔÓÚºÜ×Զ̵Ľű¾£¬Èç¹ûÎÒÃÇÓÖ²»ÏëÓÃnew FunctionÓëevalÄØ£¿ÕâÀﻹÓÐÒ»°ì·¨£¬ÀûÓÃscriptÔªËØµÄÒ»¸öÉÙΪÈËÖªµÄÊôÐÔtext£¬·Ç±ê×¼ÊôÐÔ£¬µ«ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¡£ÓеãÏñinnerHTML£¬µ«innerHTMLÖ» ......
ѧϰÁËjavascript»ù´¡£¬ÏÖÔÚѧϰjavascriptÊ÷µÄÈÏʶ£º
»ñȡָ¶¨½Úµã¶ÔÏóÐÅÏ¢£º
getElementByTagName() ÒÔ¼° getElementById() ¶ÔÓÚ·µ»ØµÄ¶ÔÏó¿ÉÒÔÈ¥tagName¡¢nodeValue¡¢classNameÊôÐÔ getAttribute»ñÈ¡¶ÔÏóµÄij¸öÌØÊâÊôÐÔÐÅÏ¢ setAttributeÉèÖÃij¶ÔÏóµÄÊôÐÔÐÅÏ¢
ʹÓÃoLi.childNodes[0] »ñÈ¡×Ó½ ......