JavaScript¶¯Ì¬Ìí¼ÓDOMÔªËØ×ܽá
ÕâÁ½Ì쿪ʼд¹Å´úµØÍ¼µÄGISÍøÕ¾£¬Ëµ°×Á˾ÍÊÇÓùŴúµØÍ¼µÄÄÚÈÝЧ·ÂɽկһÏÂ¹È¸èµØÍ¼¡£
JSÕâ¶«Î÷ºÜ¾ÃûдÁË£¬ÓÐЩ¸ÅÄîÒ²ºÜÄ£ºý£¬µ¼ÖÂÍê³É·Ö¿éÍ϶¯¼ÓÔØµÄ¹¦Äܾͻ¨Á˺öàʱ¼ä¡£
Ö÷ÒªÎÊÌâÊdzöÔÚÍ϶¯Ê±¶ÔÔªËØÄÚÈݵĶ¯Ì¬ÐÞ¸ÄÉÏ£¬×ܽáÏ¡£
ͨ¹ýJS½Å±¾¶¯Ì¬ÐÞ¸ÄDOMÔªËØÄÚÈÝͨ³£ÓÐÁ½ÖÖ·½·¨£º
1. ͨ¹ýDOM±ê×¼½Ó¿Ú´´½¨ÔªËØ
var newNode = document.createElement("div");
mapDiv.insertBefore(newNode, mapDiv.getElementsByTagName("div")[0]);
2. ͨ¹ýÐÞ¸ÄÔªËØµÄinnerHTMLÊôÐÔÀ´¸Ä±äÄÚÈÝ
mapDiv.innerHtml += "<div class='piece' style='top:"+(i*256+parseInt(blockArray[0][0].style.top))+"px; left:"+(parseInt(blockArray[0][0].style.left)-256)+"px; background-image:url(\"assets/full_map/x="+x+"&y="+(y+i>15?y+i-16:y+i)+"&z=4.png\")'></div>";
Á½ÖÖ·½·¨¶¼¿ÉÒԸıäÔªËØµÄÄÚÈÝ£¬µ«ÊÇÂÔÓв»Í¬¡£
ÐÞ¸ÄinnerHTMLÊôÐԵϰ£¬ÏµÍ³»á¶ÔÄÚÈݽøÐÐÖØ¹¹£¬ÖØÐÂÉú³ÉDOMÔªËØ£¨ÐµĵØÖ·£©£¬¼´Ê¹Ö»ÊÇÔÚ×îºó×·¼ÓÁËÒ»¸öÔªËØ£¬¶øDOM API²Ù×÷Ôò²»»á¡£
¾Ù¸öÀý×Ó£¬ÓÃÊý×é±£´æDIV1ÖеÄËùÓÐÔªËØ(subDiv1, subDiv2, subDiv3.......)µ±ÐÞ¸ÄinnerHTML×·¼ÓÒ»¸ösubDivnµÄʱºò£¬×·¼ÓÍêµÄDOMÔªËØÓëÊý×éÖеIJ»ÔÙ¶ÔÓ¦ÁË£¬ÒòÎªÖØÐ»æÖÆÁË£¬ÔªËØÓÐÁËеĵØÖ·£¨Êý×é´æµÄ½ö½öÊǵØÖ·£©¡£¶øDiv1.appendChild(subDivn)Ö®ºó£¬Êý×éÓëÄÚ²¿ÔªËØÈÔÈ»±£³Ö¶ÔÓ¦¹ØÏµ¡£
ËÙ¶ÈÉÏÀ´ËµµÄ»°DOM½Ó¿ÚµÄËÙ¶È»áÏà¶Ô½ÏÂý£¬¶øÐÞ¸ÄinnerHTML»òÕßÊÇwrite()·½·¨»áÃ÷ÏԽϿ졣
Ïà¹ØÎĵµ£º
1.delete ÔËËã·û
¶ÔÏóɾ³ýÒ»¸öÊôÐÔ£¬»òÊý×éÖÐɾ³ýÒ»¸öÔªËØ¡£½«ÎÞÓõÄÄÚÈÝɾ³ýÒÔ½ÚÊ¡¿Õ¼ä¡£
delete expression
example:
var person = new Object();
person.sex = "male";
alert(person.sex);
delete person.sex;
alert(person.sex);
2. ‘,' ÔËËã·û
var a = 2;
......
1
¡¢Àí½âdocument.all
[]
¡¡¡¡´ÓIE4¿ªÊ¼IEµÄobject
model²ÅÔö¼ÓÁËdocument.all
[],À´¿´¿´document.all
[]µÄDescription:
Array
of all HTML tags in the document.Collection of all elements contained by the
object.
¡¡¡¡Ò²¾ÍÊÇ˵document.all
[]ÊÇÎĵµÖÐËùÓбêÇ©×é³ÉµÄÒ»¸öÊý×é±äÁ¿£¬°üÀ¨ÁËÎĵµ¶ÔÏóÖÐËùÓ ......
javaScriptÑéÖ¤Ìá½»
¿´Àý:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT=""&g ......
! È¥³ý×Ö·û´®Á½¶Ë¿Õ¸ñµÄ´¦Àí
¡¡¡¡Èç¹û²ÉÓô«Í³µÄ·½Ê½,¾ÍÒª¿ÉÄܾÍÒª²ÉÓÃÏÂÃæµÄ·½Ê½ÁË
¡¡¡¡//Çå³ý×ó±ß¿Õ¸ñ
¡¡¡¡function js_ltrim(deststr)
¡¡¡¡{
¡¡¡¡if(deststr==null)return "";
¡¡¡¡var pos=0;
¡¡¡¡var retStr=new String(deststr);
¡¡¡¡if (retStr.lenght==0) return retStr;
¡¡¡¡while (retStr.substring(pos, ......
CDATA ÄÚ²¿µÄËùÓж«Î÷¶¼»á±»½âÎöÆ÷ºöÂÔ¡£
¼ÙÈçÎı¾Öаüº¬ÁË´óÁ¿µÄ "<" ºÍ "&" ×Ö·û - ¾ÍÏñ±à³Ì´úÂëÖо³£³öÏÖµÄÇé¿öÒ»Ñù - ÄÇôÕâ¸ö XML ÔªËØ¾Í¿ÉÒÔ±»¶¨ÒåΪһ¸ö CDATA ²¿·Ö¡£
CDATA Çø¶Î¿ªÊ¼ÓÚ "<![CDATA["£¬½áÊøÓÚ "]]>"£º
<script type="text/javascript">
<![CDATA[
function compare(a,b ......