2009 12 25´«ÖDz¥¿Í——JavaScript£ºJQuery
ʹÓùýAJAX¼¼ÊõµÄÈ˶¼ÖªµÀ´óÃû¶¦¶¦µÄJQuery¡£ËäÈ»ÎÒÀ´Ñ§Ï°Ö®Ç°Óп´¹ýAJAXµÄÊÓÆµ£¬µ«ÄÇʱ¶ÔWEBÓ¦ÓÃÕâ¸ö¶«Î÷»¹±È½ÏÄ£ºý£¬²»Çå³þHTML¡¢JSPÓëServletÊÇÔõô¹¤×÷µÄ£¬ÉõÖÁ²»ÖªµÀJQuery°ü×°µÄÊÇʲô¶«Î÷¡£½ñÈÕµÄѧϰÔÙ½áºÏ×òÌìµÄJavaScriptDOMµÄÄÚÈÝ£¬ÈÃÎÒ¶Ô´ËÊ®·ÖÇåÎú¡£JQueryÔÔò£º“write less, do more.”£¬Õâ¾ä»°Òѳä·Ö˵Ã÷Ëü¶Ô¼ò»¯Ê¹ÓÃJavaScriptDOM±à³ÌµÄ¹¦Á¦£¡
ÿλÀÏʦ¶¼ÓÐ×Ô¼ºµÄ½Ìѧ·½Ê½£¬¿ÉÄܸù¾Ý½ÌÊÚµÄÄÚÈݵIJ»Í¬½Ìѧ·½Ê½Ò²ÓÐÇá΢µÄ±ä»¯¡£ÀÏÙ¡ÊÇһλ·Ç³£ÓоÑéµÄÈí¼þ½Ìʦ£¬Ö®Ç°ËûÔÚ´óÁ¬µÄÈí¼þ¹«Ë¾×öÅàѵ¡£¾¹ý¶àÄêµÄ×ܽᣬËûÒѾÓÐ×Ô¼ºÒ»Ì׳ÉÊìµÄ½Ìѧ·½Ê½¡£Õâ¸ö·½Ê½ÈÃÎÒÊ®·Öϲ»¶£¡ÖÁÓÚÊÇʲô·½Ê½£¬Äã×Ô¼ºÀ´ÌåÑé°É£¡¹þ¹þ~~
´ÓѧϰJavaWEB¡¢Struts1µ½ÏÖÔÚµÄJavaScript£¬ÎÒÒѾÕÒµ½ÁËWEBÓ¦Óÿª·¢µÄºËÐÄ——MVC¡£Êǵ쬾ÍÊÇMVC¡£ÆäʵMVCÓ¦¸ÃÊǸù¾ÝWEBµÄºËÐı»´´Ôì³öÀ´µÄģʽ£¬ÄѵÀ²»ÊÇÂð£¡ÕâÒ»ÕûÌ×¹¤¾ß£¬¾ÍÊÇ·Ö±ð¶ÔÊÓͼ²ã¡¢¿ØÖƲãºÍÊý¾ÝÄ£ÐͲãµÄ²Ù×÷¡£ËƺõÏÖÔÚ²ÅÕÒµ½ÁËһЩ¸Ð¾õ£¬ÒòΪÒÔǰѧϰservletʱ£¬ÖªµÀËü¿ÉÒÔ´¦ÀíÓû§µÄÇëÇó£¬ÀÏʦ½²Ê²Ã´¾Íѧϰʲô¡£µ«ÏÖÔÚÓÐ˼ÏëÁË£¬ÀÏʦÄãÎÞÂÛ½²Ê²Ã´£¬ÎÒ¶¼ÖªµÀËüÓ¦¸ÃÓÃÔÚÄÄÒ»²ã£¬ÓÐʲôÓÃ;£¬ÕâÑùÌá¸ßÁËÎÒµÄѧϰЧÂÊ¡£ÕâÊÇÒ»¸ö·Ç³£ºÃµÄ³É³¤£¡¶ÔÒÔºóµÄ³É³¤´óÓаïÖú¡£
½ÓÏÂÀ´ÕâЩÁéÉ¢µÄ֪ʶ¾Í²»¶àÁË£¬È»ºó¾Í¿ªÊ¼×öÏîÄ¿ÁË¡£Á½¸ö×Ö£¬¿ì¡¢Ë¬£¡Ok£¬¿ªÊ¼ÕûÀíѧϰÄÚÈÝ¡£
Ò»¡¢JQueryÓëJavaScript
1.JavaScript¿â
ʹÓùýJavaScriptDOMµÄÈ˶¼Ó¦¸ÃÖªµÀ£¨±ÈÈç×òÌìµÄÁ·Ï°£©£¬Ê¹ÓÃJSDOM½øÐÐÒ³ÃæµÄ²Ù×÷ÊÇÊ®·ÖÂé·³µÄ¡£±ÈÈç»ñÈ¡¡¢Ð޸ļ°Ìí¼Ó×Ó½ÚµãµÈÕâЩ²Ù×÷¡£Èç¹û²Ù×÷Ò»¸ö¸´ÔÓµÄÒ³ÃæÄØ£¿Ok£¬JavaScript¿âÒò´Ëµ®ÉúÁË¡£
Ŀǰ±È½Ï³£¼ûµÄJavaScript¿âÓУº
2.JQuery¼ò½é
JQueryÊǼÌPrototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavaScript¿â¡£
JQueryÀíÄwrite less , do more.
JQueryÓÅÊÆ£ºÇáÁ¿¼¶¡¢Ç¿´óµÄÑ¡ÔñÆ÷¡¢³öÉ«µÄ DOM ²Ù×÷µÄ·â×°¡¢¿É¿¿µÄʼþ´¦Àí»úÖÆ¡¢ÍêÉÆµÄAjax¡¢³öÉ«µÄä¯ÀÀÆ÷¼æÈÝÐÔ¡¢Á´Ê½²Ù×÷·½Ê½……¡£
¶þ¡¢JQuery¶ÔÏó
Ïà¹ØÎĵµ£º
ÓÐÁ½ÖÖÍøÒ³Éè¼ÆÕߣºÏ²»¶Óÿò¼Ü(Frame)µÄºÍ²»Ï²»¶µÄ¡£²»Ï²»¶Ê¹Óÿò¼ÜµÄÈËÃÇ×ÜÊDZ§Ô¹Ëµ£¬¿ò¼ÜʹµÃÒ³Ãæ±äµÃ¸´ÔÓ£¬Ôö¼ÓÁËÏÂÔØ¸ºµ££¬¶øÇÒ»á¼õÉÙÄãµÄÒ³Ãæ±»ËÑË÷ÒýÇæÕÒµ½µÄ»ú»á¡£¶øÏ²»¶¿ò¼ÜµÄÉè¼ÆÕßÔò˵¿ò¼Üʹä¯ÀÀ±äµÃ¼òµ¥£¬²¢¸³ÓèÉè¼ÆÈËÔ±ÔÚ°²ÅÅÒ³ÃæÉϸü¶àµÄ¿ØÖÆ¡£
¡¡¡¡²»¹ÜÄãÊÇÔÞ³ÉʹÓÿò¼Ü»¹ÊÇ·´¶Ô£¬ÊÂʵÉÏ£¬´ø¿ò¼ÜµÄÒ³ÃæÒ»Ö±´ ......
Àý£º
page.htmlÒ³Ãæ£º
<html>
<head>
<title>This is a test</title>
</head>
<script type="text/javascript">
var count;
</script>
<body>
<iframe id="child" src="childPage.html" src="childPage"></iframe>
</body>
</html>
......
ÔÚJavascriptÖУ¬ËùÓпª·¢Õß¶¨ÒåµÄÀà¶¼¿ÉÒÔ×÷Ϊ»ùÀ࣬µ«³öÓÚ°²È«ÐÔ¿¼ÂÇ£¬±¾µØÀàºÍËÞÖ÷À಻ÄÜ×÷Ϊ»ùÀ࣬ÕâÑù¿ÉÒÔ·ÀÖ¹¹«Ó÷ÃÎʱàÒë¹ýµÄä¯ÀÀÆ÷¼¶µÄ´úÂ룬ÒòΪÕâЩ´úÂë¿ÉÒÔ±»ÓÃÓÚ¶ñÒâ¹¥»÷¡£
Ñ¡¶¨»ùÀàºó£¬¾Í¿ÉÒÔ´´½¨ËüµÄ×ÓÀàÁË¡£ÊÇ·ñʹÓûùÀàÍêÈ«ÓÉÄã¾ö¶¨¡£ÓÐʱ ......
ÔÚ¿ª·¢Öо³£»áÓÐÖ±½Ó¹Ø±ÕÒ³Ãæ²»µ¯³öÈκÎÌáʾµÄÐèÇó£¬ÔÚIE6ÖпÉÒÔÖ±½ÓÏóÏÂÃæÕâÑùд¾Í¿ÉÒÔÁË
<mce:script language=javascript><!--
window.opener=null
window.close()
// --></mce:script>
Õâ¸öÎÊÌâÔÚIE7ÖÐÔòÓпÉÄÜÊdzöÓÚijÖÖ°²È«¿¼ÂÇ£¨ÒòΪÔÚMSä¯ÀÀÆ÷µÄ¾ºÕù¶ÔÊÖFFÖУ¬ÊDz»Äܹرշ ......
css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(ev ......