element¿¡ ºñÇìÀ̹ö(behavior)¸¦ ÷ºÎÇÑ´Ù.
ÇâÈÄ ¿¤·¹¸àÆ®·Î ºÎÅÍ ºñÇìÀ̹ö¸¦ Á¦°ÅÇÒ ¶§ »ç¿ëÇÒ ¼öÀÖ´Â ÀνÄÀÚ¸¦ ¹ÝȯÇÑ´Ù.
ÀÌ ¸Þ¼µå¿Í Ư±â»çÇ×Àº IE5¿¡¼ µµÀԵǰí, øºÎµÈ ¿ø·¡ÀÇ DHTML ºñÇìÀ̹ö¿¡¸¸ Àû¿ëµÈ´Ù. ¿¤·¹¸àÆ® ºñÇìÀ̹ö´Â IE5.5ÀÇ »õ·Î¿î ±â´ÉÀ̸ç, ¿¤·¹¸àÆ®¿¡ Ãß°¡Çϰųª Á¦°ÅÇÒ ¼ö´Â ¾ø´Ù.
ÀÌ ¸Þ¼µå·Î CSS(Cascading Style Sheets) »ç¿ë¾øÀÌ ºñÇìÀ̹ö¸¦ ÷ºÎÇÒ ¼ö ÀÖ´Ù.
addBehavior ¸Þ¼µå¿¡¼ ÁöÁ¤µÈ ºñÇìÀ̹ö°¡ IE¿¡ ¸¸µé¾î ³Ö¾îÁø µðÆúÆ® ºñÇìÀ̹öµé ÁßÀÇ Çϳª¸¦ È£ÃâÇÏÁö ¾ÊÀ¸¸é, addBehavior È£ÃâÀº, ºñÇìÀ̹ö°¡ ÷ºÎµÇ±â Àü¿¡, IE·Î ÇÏ¿©±Ý ºñµ¿±âÀûÀ¸·Î ºñÇìÀ̹ö¸¦ ´Ù¿î·ÎµåÇϵµ·Ï ÇÑ´Ù.
addBehavior ¸Þ¼µå°¡ ºñµ¿±âÀûÀ̹ǷÎ, ±× ¹Ýȯ°ªÀ¸·Î ºñÇìÀ̹ö°¡ ¼º°øÀûÀ¸·Î ¿¤·¹¸àÆ®¿¡ Àû¿ëµÉ ¼ö Àִ°¡¸¦ ¾Ë ¼ö ¾ø´Ù. onreadystatechange À̺¥Æ®°¡ ¹ß»ýÇÏ°í, ¿¤·¹¸àÆ®ÀÇ readyState ¼Ó¼ºÀÌ complete·Î ¼³Á¤µÇ¾î ºñÇìÀ̹ö°¡ ¿¤·¹¸àÆ®¿¡ ÷ºÎ°¡ È®Àεǰí, ¸ðµç ºñÇìÀ̹ö ±¸¼º¿øÀÌ ½ºÅ©¸³Æÿ¡ »ç¿ëµÉ ¼ö ÀÖÀ» ¶§±îÁö ±â´Ù¸°´Ù. ±×·¸Áö ¾Ê°í ºñÇìÀ̹ö°¡ ¿¤·¹¸àÆ®¿¡ ÷ºÎµÇÁö ¾ÊÀº »óÅ¿¡¼ ºñÇìÀ̹ö¿¡¼ Á¤ÀÇÇÑ ±¸¼º¿øÀÇ »ç¿ëÀ» ½ÃµµÇÏ¸é °³Ã¼¿¡¼ ±× ƯÁ¤ ±¸¼º¿øÀº Áö¿øµÇÁö ¾Ê´Â´Ù´Â ½ºÅ©¸³Æ® ¿À·ù°¡ ¹ß»ýµÈ´Ù.
°³Ã¼ | script | IE |
---|
ºñÇìÀ̹ö¸¦ ÷ºÎÇÏ°í, Á¦°ÅÇÏ°í ¸ñ·Ï¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¶ó.
<script> var collBehaviorID=new Array(); var collLI=new Array (); var countLI=0; function attachBehavior(){ collLI=document.all.tags ("LI"); countLI=collLI.length; for (i=0; i < countLI; i++){ var iID=collLI[i].addBehavior('../public/hilite.htc'); if (iID) collBehaviorID[i]=iID; } } function detachBehavior(){ for (i=0; i < countLI; i++) collLI[i].removeBehavior (collBehaviorID [i]); } </script> <ul> <li>¸ñ·Ï Ç׸ñ 1 <li>¸ñ·Ï Ç׸ñ 2 <li>¸ñ·Ï Ç׸ñ3 </ul> <button onclick="attachBehavior()">ºñÇìÀ̹ö ÷ºÎ</button> <button onclick="detachBehavior()">ºñÇìÀ̹ö Á¦°Å</button>