Javascript·ÃÎÊhtmlÒ³ÃæµÄ¿Ø¼þ
·ÃÎʿؼþµÄÖ÷Òª¶ÔÏóÊÇ:document¶ÔÏó¡£·Ö±ð¶ÔÓ¦µ±Ç°ÎĵµËùÓеģ¨×Ó¶ÔÏ󣩸öÈ˹۵㡣²¢ÇÒÒѾÌṩµÄ¼¸¸öÖ÷Òª·½·¨À´·ÃÎʶÔÏó¡£
1. document.getElementById
2. document.getElementsByName
3 document.getElementsByTagName
4 document.all
ÏÂÃæÎÒÖ÷Ҫ̸̸ÒÔÉϼ¸¸ö·½·¨µÄ¾ßÌåÓ÷¨£º
Ò»£®Ê×ÏÈÎÒÀ´Ì¸Ì¸document.getElementByIdµÄÓ÷¨¡£
Var obj=document.getElementById(“ID”) ¸ù¾ÝÖ¸¶¨µÄIDÊôÐÔÖµµÃµ½¶ÔÏó¡£·µ»ØidÊôÐÔÖµµÈÓÚIDµÄµÚÒ»¸ö¶ÔÏóµÄÒýÓ᣼ÙÈç¶ÔÓ¦µÄΪһ×é¶ÔÏó£¬Ôò·µ»Ø¸Ã×é¶ÔÏóÖеĵÚÒ»¸ö¡£
<input name=”a” type=”text” id=”b”/>
<input name=”b” type=”text” id=”a”/>
<input type=”button” name=”submint1” value=”text1” onclick=:”alert(document.getElementById(“b”)/>)”<input type=”button” name=”submint2” value=”text2” onclick=”alert(document.getElementById(“a”)/>)”ÎÒÔÚIEÖвâÊÔÁËÉÏÃæ´úÂ룬ÔÚµÚÒ»¸öÎı¾¿òÖÐÊäÈë1£¬ÔÚµÚ¶þ¸öÎı¾ÖÐÊäÈë2£¬È»ºóµã»÷Á½¸ö°´Å¥£¬´ó³ÔÒ»½ï¡£½á¹ûÁ½¸ö°´Å¥¶¼·µ»ØÁ˵ÚÒ»¸öÎı¾¿òµÄÖµ¡£Õâ˵Ã÷ÁËIEÖ´ÐÐdocument.getElementById(elementName)µÄʱºò£¬·µ»ØµÄÊǵÚÒ»¸öname»òÕßidµÈÓÚelementNameµÄ¶ÔÏ󣬲¢²»ÊǸù¾ÝIDÀ´²éÕҵġ£
µ«Ïà·´ÎÒÔÚfirefoxÖоͲ»´æÔÚÕâ¸öÎÊÌâ¡£FirefoxÖ´ÐÐdocument.getElementById(elementName)µÄʱºòÖ»ÄܲéÕÒIDµÈÓÚelementName¶ÔÏó£¬Èç¹û²»´æÔÚÔÚ·µ»Ønull.
¶þ£®ÏÂÃæ¿´¿´document.getElementsByNameµÄÓ÷¨¡£
Var obj=document.getElementsByName(“Name”)¸ù¾ÝNameÊôÐÔµÄÖµ»ñÈ¡¶ÔÏ󼯺ϡ£·µ»ØnameµÈÓÚÖ¸¶¨Name¶ÔÏóµÄ¼¯ºÏ¡£×¢ÒâÕâÀï·µ»ØµÄÊÇÒ»¸ö¼¯ºÏ£¬°üÀ¨Ö»ÓÐÒ»¸öÔªËصÄÇé¿öÒ²ÊÇÒ»¸ö¼¯ºÏ¡£
document.getElementsByName("name")[0?1?2?3?....] ÕâÑùÀ´»ñȡijһ¸öÔªËØ¡£×¢ÒâjavascriptÖеļ¯ºÏÈ¡Ò»¸öÖµ¿ÉÒÔÓÃ[]£¬Ò²¿ÉÒÔÓÃ()£¬£¨±¾È˲âÊÔͨ¹ý£¬µ«Ã»ÓÐ×ÊÁÏÕâôд£©¡£
È磺
<script>
function
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐÄ¿Ç°¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
¶ÔÓÚÐí¶àÏëѧϰ JavaScript µÄÅóÓÑÀ´Ëµ£¬ÎÞÒÉÈçºÎÑ¡ÔñÈëÃŵÄÊé¼®ÊÇËûÃÇ×îÍ·ÌÛµÄÎÊÌ⣬»òÐíÒ²ÊÇËûÃÇһֱη¾å£¬ÉõÖÁ·ÅÆúѧϰ JavaScript µÄÀíÓÉ¡£
ÔÚ JavaScript ·½Ã棬×Ô¼º²»ÊÇʲôר¼Ò£¬Ò²²»ÊÇʲô¸ßÊÖ£¬µ«×Ô¼ºÒ»Â·×ßÀ´£¬JavaScript ´ÓÃÔãµ½ÈëµÀ£¬¶ÔÓÚ JavaScript Êé¼®µÄÈÏʶ»òÐí»¹ÓÐЩ½è¼ø¼ÛÖµ¡£
ÈëÃÅÍƼöÊ×Ñ¡Êé¼®£º¡ ......
<html:link> ±êÇ©ÓÃÓÚÉú³ÉHTML <a> ÔªËØ¡£<html:link> ÔÚ´´½¨³¬Á´½Óʱ£¬ÓÐÁ½¸öÓŵ㣺
(1) ÔÊÐíÔÚURL ÖÐÒÔ¶àÖÖ·½Ê½°üº¬ÇëÇó²ÎÊý¡£
(2) µ±Óû§ä¯ÀÀÆ÷¹Ø±ÕCookie ʱ£¬»á×Ô¶¯ÖØдURL£¬°ÑSessionID ×÷ΪÇëÇó²ÎÊý°üº¬ÔÚURL ÖУ¬ÓÃÓÚ¸ú×ÙÓû§µÄSession ״̬¡£
<ht ......
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="tablecss">
<Columns>
<asp:TemplateField HeaderText="񅧏" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb">
<ItemTemplate>
<%#Eval(" ......
ÕâÁ½ÌìµÄ¹¤×÷ÖÐÓöµ½Ò»¸öÓйØjsµÄÎÊÌ⣬ºÜÓôÃÆÓöµ½jsÎÊÌ⣬ÒòΪûÓб¨´í£¬Äã¸ù±¾¾Í²»ÖªµÀ×Ô¼º´íÔÚÄÄÀï¡£
Æäʵ¾ÍÊǹØÓÚ“document.getElementById("ss").innerText”µÄÎÊÌ⣬ÎÒÉÏÍø²é¹ØÓÚjsä¯ÀÀÆ÷µÄ¼æÈÝÎÊÌ⣬¿ÉÊǶ¼¸ø³öµÄ½âÊÍÊÇ£º
“HTML¶ÔÏó»ñÈ¡ÎÊÌâ
FireFox
£ºdocument
.getElementById
(& ......