12ÖÖJavascript½â¾ö³£¼ûä¯ÀÀÆ÷¼æÈÝÎÊÌâµÄ·½·¨
ÎÒÃÇÌᳫ¾¡¿ÉÄÜʹÓÃCSS£¬¶øÇÒÎÒÃdz£³£ÄÜ×öµ½ÕâÒ»µã¡£ÏÖ´úä¯ÀÀÆ÷ÓкܺõÄCSSÖ§³Ö-ÕâÎÞÒÉ×ã¹»ºÃÈÃÄãʹÓÃCSSÀ´¿ØÖƲ¼¾ÖºÍ°æÃæÉè¼Æ¡£µ«ÊÇÓÐʱºò£¬Ä³Ð©ÍøÒ³ÔªËØÔÚ²»Í¬µÄä¯ÀÀÆ÷»á³öÏÖ²»Í¬¡£
Èç¹ûÄã²»ÖªµÀÔÒò£¬²»Òª¹ýÓÚµ£ÐÄ£¬ÇëÑо¿CSS¹æÔò²¢²é¿´ÕâÆªÎÄÕÂ:ʹÓÃCSSÀ´ÐÞÕýÒ»ÇÐ: 20 +³£¼û´íÎóºÍÐÞ¸´
¡£
Èç¹ûÕâЩҲÎÞЧ£¬Äú¿ÉÒÔͨ¹ýÏÂÃæÁгöµÄ12¸öjavascript½â¾ö·½°¸ÐÞ¸´Ëü£¬ÕâÑùÄúµÄÍøÒ³¿´ÆðÀ´¾ÍÄÜ¿çÔ½ËùÓÐä¯ÀÀÆ÷ÁË£¡
ÔÚ±¾ÎÄÖУ¬ÎÒÃÇ»á½Ò¿ªÄãÔÚ¿ª·¢webÓ¦ÓÃÊÇ¿ÉÄÜ»áÓöµ½µÄ12¸ö×î³£¼û
µÄCSSÎÊÌâ
µÄjavascript½â¾ö·½°¸¡£
1. ×Ô¶¯Æ¥Åä¸ß¶È
×Ô´ÓÎÒÃÇÅׯúÁË»ùÓÚTableµÄÒ³Ãæ²¼¾Öºó£¬´´½¨Í¬µÈ¸ß¶ÈÀ¸Ä¿»òÄÚÈݺÐ×ÓµÄÊÓ¾õЧ¹ûÒÑÈ»ÊÇÒ»¸öÌôÕ½¡£
1.1
ÓÃjQueryÉèÖÃÆ¥Åä¸ß¶È
Õâ¸öjQuery²å¼þÔÚͬһ¸öÈÝÆ÷Àï“Æ½ºâ”ºÐ×ӵĸ߶Ȳ¢´´ÔìÒ»¸ö¼ò½éµÄÍø¸ñ——¼¸ºõ´Ó¿ÉÓÃÐÔºÍÐÔÄܵĽǶÈʹÓüòµ¥µÄJavaScriptÌæ´ú£º equalHeights()º¯Êý
²â¶¨Ò»¸öÈÝÆ÷ÀïµÄËùÓÐͬ¼¶ÔªËØÍ¬ÈÝÆ÷µÄ¸ß¶È£¬È»ºóÉèÖÃÿ¸öÔªËØµÄ×îµÍ¸ß¶ÈΪ×î¸ßµÄÔªËØµÄ¸ß¶È¡£
ÈçºÎ¹¤×÷
equalHeights()ͨ¹ýÑ»·²â¶¨Ö¸¶¨ÔªËصÄ×î¸ß¼¶±ðµÄ×ӽڵ㣬ȻºóÉèÖÃËûÃǵÄ×îС¸ß¶ÈֵΪ×î¸ßµÄÔªËØµÄ¸ß¶È¡£
µã»÷ÕâÀïÔ¤ÀÀЧ¹û
1.2
ÓÃjQueryÆ¥ÅäÀ¸Ä¿¸ß¶È
jQueryµÄÁíÒ»¸ö¿ÉÒÔʹºÐ×ӵĸ߶ÈÏàµÈµÄ²å¼þ
$(“#col1, #col2″).equalizeCols();
½«ÈçÄãËùÏëµÄÄÇÑùÆ¥Åä¸ß¶È
$(“#col1, #col2″).equalizeCols(“p,p”);
Æ¥ÅäÕâÁ½¾í£¬²¢ÔÚ#col1»ò#col2(¶ÌµÄÄǸö)ÀïµÄP±êÇ©ºóÃæÌí¼Ó¿Õ°×.
2. IE6 PNG͸Ã÷Ö§³Ö
IE6ÒÔϵİ汾²»Ö§³Öpng͸Ã÷¡£Ê¹ÓÃhack£¬IE 5.5ºÍ6Ò²ÒѾ¿ÉÒÔÖ§³Ö£¬µ«hack²¢²»ÀíÏëµÄÇÒÄÑÒÔʹÓá£ÈÃÎÒÃÇÀ´¿´¿´ÎÒÃÇÄÜ×öЩʲôÀ´Ö§³ÖIE6Óû§ £¬Í¬Ê±ÎªÍøÕ¾µÄ´ó¶àÊý·Ã¿Í´øÀ´×î¼ÑµÄ͸Ã÷Ч¹û¡£
2.1
Ç¿ÖÆIE6Ö§³Ö͸Ã÷
IE7µÄÊÇÒ»¸öDean Edwards½¨Á¢µÄJavaScript¿â£¬ÒÔÇ¿ÆÈMSIE(IE6,IE5)±íÏÖµÄÏñÒ»¸ö¼æÈݱê×¼µÄä¯ÀÀÆ÷¡£ËüÐÞ¸´Ðí¶àCSSÎÊÌⲢʹ͸Ã÷PNGÔÚIE6ºÍIE5ÏÂÕý³£¹¤×÷£¬Ëü»¹ÔÊÐí¸ß¼¶µÄCSSÑ¡ÔñÆ÷¡£
µã»÷²é¿´Ô¤ÀÀЧ¹û
µã»÷ÏÂÔØÔ´Îļþ
2.2.
¸ÄÁ¼iFixPng
ÐÞÕýIE6¼°ÒÔϵÄPNGͼƬµÄÎÊÌ⣬IMG±êÇ©ºÍCSS±³¾°Í¼Æ¬¶¼¿ÉÒÔ¡£Õâ¸ö²å¼þÊǶÔÔʼiFixPng²å¼þ
µÄÒ»ÖָĽø¡£Ìصã°üÀ¨£ºÍ¼Ïñ»òÓб³¾°Í¼Æ¬µÄ±êÇ©£¬ÏÖÔÚÖ§³Öbackground-position£¬ÆäÖаüÀ¨IEä¯ÀÀÆ÷µÄ¾ø¶Ô¶¨Î»µÄÐÞÕý¡£(bottom: -1px || bottom: 0px)
µã»÷²é¿´Ô¤ÀÀЧ¹û
Ïà¹ØÎĵµ£º
ÔÚie6ÖжÔÓÚ<input type="file"
/>ͨ¹ýobj.valueÊÇ¿ÉÒÔ»ñÈ¡¿Í»§¶ËÑ¡ÔñÎļþµÄȫ·¾¶µÄ£¬µ«Êǵ½ie7¾ÍÖ»ÄÜ»ñÈ¡ÎļþÃû£¬Õâ¶ÔÓÚonchangeʼþÁ¢¼´ÏÔʾͼƬ»áÓÐÎÊÌ⣬¿ÉÒÔÓÃjs·½·¨½â¾ö
¾ßÌå´úÂëÈçÏ£º
<html>
<head>
< ......
Æäʵ¾ÍÊÇÓÃmeÀ´´úÌæthis£¬²»¶à˵£¬¿´´úÂ룺
=============================
´úÂë1£º
<html>
<head>
<title>ÎÞ±êÌâÎĵµ</title>
</head>
<body>
<input id="testit" type=button value="²âÊÔ" onclick="vbscript:me.value='Íê³É'">
<input id="testit" type=button v ......
JavaScript ¼òµ¥Àí½âAjaxÒì²½µ÷ÓòÙ×÷µÄÎÄÕ¡£
ÎÄÕµØÖ·£ºhttp://www.soaspx.com/dotnet/ajax/javascript/javascript_20090915_349.html
ÕâÆªÎÄÕÂÊÇÀí½âAjax¼¼ÊõµÄ¼òµ¥Àý³Ì£¬Í¦¼òÃ÷¶óÒª£¬ºÜÈÝÒ×Àí½â¡£
AjaxÌṩÓë·þÎñÆ÷Ò첽ͨÐŵÄÄÜÁ¦£¬½èÖúÓÚAjax£¬¿ÉÒÔÔÚÓû§µ¥»÷°´Å¥Ê±£¬Ê¹ÓÃJavaScriptºÍ DHTMLÁ¢¼´¸üÐÂUI£¬²¢Ïò·þÎñÆ÷ ......
ShowModalDialogº¯ÊýµÄ¹¦ÄÜ£º
´ò¿ªÒ»¸ö×Ó´°¿Ú£¬²¢ÇÒ¿ÉÓ븸´°¿ÚÏ໥´«µÝÊý¾Ý£¬ËüÓëwindow.openµÄ×î´óÇø±ð¾ÍÔÚÓÚÓÉShowModalDialog´ò¿ª×Ó´°¿Úºó£¬¸¸´°¿Ú½«²»ÄܲÙ×÷¡£
ʹÓ÷½·¨£º
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
²ÎÊý˵Ã÷£º
sURL
±ØÑ¡²ÎÊý£¬ÀàÐÍ£º×Ö·û´®¡£ÓÃÀ´Ö¸¶¨¶Ô»°¿òÒªÏ ......
Èç¹ûAJAX¼ÓÔØµÄÊý¾ÝÊÇÒ»¸öHTMLƬ¶Î£¬¶øÇÒÕâ¸öHTMLƬ¶Î»¹°üº¬½Å±¾<script>¿é£¬ÄÇôÔÚÄã°ÑÕâÊý¾ÝxmlHttp.responseTextÓÃinnerHTML·½·¨²åÈëµ½µ±Ç°ÎĵµÒ»¸öÔªËØÖУ¬Äã»á·¢ÏÖAJAX¼ÓÔØ»ØÀ´µÄ½Å±¾¸ù±¾Ã»ÓÐÖ´ÐС£ÕâÊÇAJAX¿ª·¢Öкܳ£¼ûµÄÎÊÌ⣬Èç¹ûÄã²»ÊÇÒ»Ö±ÔÚÓÃJavaScript¿ò¼Ü×ö¿ª·¢£¬ÏàÐÅÄãÔç¾Í·¢ÏÖÕâ¸öÎÊÌâÁË¡£±¾ÎÄ·ÖÎöÁËÁ ......