HTML <A name="anchorName"></A>¿¡ ÇØ´çÇÏ´Â ¿¬°á ¾ÞÄ¿¸¦ ÂüÁ¶ÇÑ´Ù.

Script [propVal=]..propName;
anchorObj=String.anchor(anchorName);
HTML propName="propVal">innerString
Àμö
anchorName : (¾ÞÄ¿¸í)
ÇʼöÀûÀÎ ¿ä¼ÒÀÌ¸ç ¿¬°áÀÇ ¾ÞÄ¿¸¦ Á¦°øÇÑ´Ù.
»ý¼º

anchor °³Ã¼´Â ÇÏÀÌÆÛ¸µÅ©(hyperlink)ÀÇ ¸ñÇ¥(target)°¡ µÇ´Â ¹®¼­ ³»¿¡ À§Ä¡Çϸç, µÎ°¡Áö »ý¼º ¹æ½ÄÀÌ ÀÖ´Ù.

Javascript·Î String.anchor ¸Þ¼­µåÀÇ È£ÃâÇÏ¿© »ý¼º
String.anchor(anchorName)
document.write ¶Ç´Â document.writeln ¸Þ¼­µå¿Í ÇÔ²² anchor ¸Þ¼­µå¸¦ »ç¿ëÇÔÀ¸·Î¼­ anchor °³Ã¼¸¦ »ý¼ºÇÑ´Ù.

HTML·Î »ý¼º

<A name="anchorName"></A>
±¸¼º

ÆäÀÌÁö°¡ ÀÐÇôÁö¸é(·ÎµùµÇ¸é) anchors ¹è¿­º¯¼ö°¡ »ý¼ºµÇ´Âµ¥, ù¹ø° °ÍÀº anchor[0] µÎ¹ø° °ÍÀº anchor[1] ... anchor[N]µîÀ¸·Î ¹è¿­º¯¼öArray)¿¡ ÀúÀåµÈ´Ù.

name ¾ÖÆ®¸®ºäÆ®¸¦ °®´Â À̵é ű׵éÀº document.anchors ¼Ó¼º¿¡ ¹è¿­º¯¼ö·Î ½ºÅ©¸³Æ® ¿£Áø ¼Ó¿¡ À§Ä¡ÇÑ´Ù.

anchor °³Ã¼°¡ µ¿½Ã¿¡ link °³Ã¼À̸é, À̵éÀº anchors¿Í links ¹è¿­º¯¼ö¿¡ µ¿½Ã¿¡ µî·ÏµÈ´Ù.

È£Ãâ
¹®¼­ÀÇ ÃÑ anchor °³¼ö´Â anchors.length·Î ¾Ë ¼ö ÀÖ´Ù.
document.anchors.length; // ¹è¿­º¯¼ö ¸ñ·Ï»ó ÃÑ °¹¼ö.

anchor °³Ã¼´Â ÀÌ ¹è¿­º¯¼öÀÇ »öÀιøÈ£³ª ¾ÞÄ¿¸íÀ» È£ÃâÇÔÀ¸·Î¼­ Á¢¼ÓÇÒ ¼ö ÀÖ´Ù.

document.anchors[n] // n ´Â ¹è¿­º¯¼ö ¸ñ·Ï»óÀÇ Àμö(index) ¹øÈ£.
document.anchors['anchorName'] // <A name="anchorName></A>À¸·Î ÁöÁ¤µÈ anchor À̸§

Àμö : propertyName : (¼Ó¼º¸í)
¾Æ·¡ ¼Ó¼ºµé ÁßÀÇ ÇϳªÀÌ´Ù. ¸Þ¼­µåµé, À̺¥Æ®Ã³¸®Àڵ鵵 ÀÌ¿¡ ÁØÇÑ´Ù.

HTML ÅÂ±× »ç¿ëÀ¸·Î´Â anchorName ¾Õ¿¡ #¸¦ ºÙ¿© Á¢¼ÓÇÒ ¼ö ÀÖ´Ù.

HTML <A target="#anchorName">

ÁÖÀÇ

¹®¼­°¡ ´Ù ÀÐÈ÷±â Àü¿¡ anchors °³Ã¼¸¦ È£ÃâÇϸé È£ÃâÇÑ °÷±îÁöÀÇ ¾ØÄ¿ ¹è¿­º¯¼ö¸¦ °®°Ô µÇ¹Ç·Î ·ÎµùÀÌ ¿Ï·áµÈ ´ÙÀ½¿¡ È£ÃâÇÏ¿©¾ß ÀüüÀûÀÎ ¹®¼­ÀÇ ³»¿ëÀ» ¾Ë ¼ö ÀÖ´Ù.



¼³¸íÀ» À§ÇÑ ¿¹Á¦

¾Õ ÇüÁ¦ SPAN ¾ØÄ¿ forExplain À§Ä¡attributes¿¡ ¿¬°á µÚ ÇüÁ¦ SPAN
HTML·Î anchor °³Ã¼ ¸¸µé±â ¿¹Á¦ 2
Javascript·Î anchor °³Ã¼ ¸¸µé±â ¿¹Á¦
<SCRIPT>
var testString='¿¬°á ¹®ÀÚ¿­';
document.write('testString.anchor("testAnchor")='+testString.anchor('testAnchor')+'<BR>');
</SCRIPT>
ÀÌ ¸¸µé¾îÁø ¾ÞÄ¿´Â ´ÙÀ½ HTML ÅÂ±×¿Í µ¿ÀÏÇÏ´Ù.
<A name='testAnchor'>¿¬°á ¹®ÀÚ¿­</A>

javascript·Î »ý¼ºÇÑ ¾ØÄ¿¿¡ ¿¬°á


accessKey ¼Ó¼º IE4 NS6 (accesskey="chrVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchor °³Ã¼ÀÇ Á¢¼ÓÅ°¸¦ ÁöÁ¤Çϰųª ÁöÁ¤ÇÑ Á¢¼ÓÅ°¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: .accessKey[=chrVal]
ÄÚµå: document.write(oObj.accessKey) °á°ú:
anchors(Ä÷º¼Ç) ¼Ó¼º IE4 NS2
¢¡ ¹®¼­ÀÇ anchorµéÀÇ ¹è¿­º¯¼ö anchors Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.
¹®¹ý: document.anchors
¹®¹ý: document.anchors.length
ÄÚµå: document.write(document.anchors.length) °á°ú:
charset ¼Ó¼º IE5 NS6 (charset="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ±ÛÀÚ¼¼Æ®¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .charset[=sVal]
ÄÚµå: document.write(oObj.charset) °á°ú:
coords ¼Ó¼º IE ( coords=sVal> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼ÀÇ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .coords[=sVal]
ÄÚµå: document.write(oObj.coords); °á°ú:
dataFld ¼Ó¼º IE4 - datafld="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchor °³Ã¼ÀÇ µ¥ÀÌÅÍÇʵ带 ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .dataFld[=sVal]
ÄÚµå: document.write(self.anchorObj.dataFld='dataField') °á°ú:
dataSrc ¼Ó¼º IE4 - datasrc="urlVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchor °³Ã¼ÀÇ µ¥ÀÌÅÍ ÀÚ¿øÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .dataSrc[=urlVal]
ÄÚµå: document.write(self.anchorObj.dataSrc='dataSrc') °á°ú:
hash ¼Ó¼º IE (href=URLString#sVal> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼ href ¼Ó¼ºÀÇ ¸¶Áö¸· ºÎºÐ¿¡ # ´ÙÀ½ÀÇ ºÎºÐÀÎ ºÎÀ§ ÁöÁ¤ÀÚ¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .hash[=sVal]
ÄÚµå: document.write(anchorObj.hash); °á°ú:
host ¼Ó¼º IE4 NS4
¢¡ anchorÀÇ È£½ºÆ®¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .host[=sVal]
ÄÚµå: document.write(anchorObj.host) °á°ú:
hostname ¼Ó¼º IE4 NS4
¢¡ anchorÀÇ È£½ºÆ® À̸§À» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .hostname[=sVal]
ÄÚµå: document.write(anchorObj.hostname) °á°ú:
href ¼Ó¼º IE4 NS4(href="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ÁÖ¼Ò¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .href[=sVal]
ÄÚµå: document.write(anchorObj.href) °á°ú:
hreflang ¼Ó¼º IE5 NS6(hreflang="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ¾ð¾î¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .hreflang[=sVal]
ÄÚµå: document.write(oObj.hreflang) °á°ú:
Methods ¼Ó¼º IE4 -(method="iVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ¸Þ¼­µå¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù. <A methods='get'>¿¡ ÇØ´çÇϸç, Äĸ¶(,)·Î ºÐ¸®µÈ ¹®ÀÚ¿­ÀÌ´Ù.
¹®¹ý: .Methods[=sVal]
ÄÚµå: document.write(anchorObj.Methods='get') °á°ú:
mimeType(°³Ã¼) ¼Ó¼º IE4 -
¢¡ anchorÀÇ ¹Ì¸ÞŸÀÔ(mimeType)À» ¹ÝȯÇÑ´Ù.
¹®¹ý: .mimeType
ÄÚµå: document.write(anchorObj.mimeType) °á°ú:
¿¹Á¦name ¼Ó¼º IE NS4
¢¡ HTML <A name="anchorName></A>À¸·Î ÁöÁ¤µÈ anchor °³Ã¼ÀÇ À̸§À» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: document.anchors[index].name[=sVal]
ÄÚµå: document.write(document.anchors[0].name) °á°ú:
nameProp ¼Ó¼º IE4 -
¢¡ anchorÀÇ À̸§ ¼Ó¼ºÀ» ¹ÝȯÇÑ´Ù.
¹®¹ý: .nameProp
ÄÚµå: document.write(anchorObj.nameProp) °á°ú:
pathname ¼Ó¼º IE4 NS4
¢¡ anchorÀÇ °æ·Î¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .pathname[=sVal]
ÄÚµå: document.write(anchorObj.pathname) °á°ú:
port ¼Ó¼º IE4 NS4
¢¡ anchorÀÇ Æ÷Æ®¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .port[=iVal]
ÄÚµå: document.write(anchorObj.port) °á°ú:
protocol ¼Ó¼º IE4 NS4
¢¡ anchorÀÇ ÇÁ·ÎÅäÄÝÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .protocol[=sVal]
ÄÚµå: document.write(anchorObj.protocol) °á°ú:
protocolLong ¼Ó¼º IE4 -
¢¡ anchorÀÇ »ó¼¼ ÇÁ·ÎÅäÄÝÀ» ¹ÝȯÇÑ´Ù.
¹®¹ý: .protocolLong
ÄÚµå: document.write(anchorObj.protocolLong) °á°ú:
recordNumber ¼Ó¼º IE4 -(recordNumber="iVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ¸®ÄÚµå ¹øÈ£¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .recordNumber[=iVal]
ÄÚµå: document.write(oObj.recordNumber) °á°ú:
rel ¼Ó¼º IE4 NS6(rel="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ¿¬°á¹®¼­¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: .rel[=sVal]
ÄÚµå: document.write(cssObj.rel) °á°ú:
rev ¼Ó¼º IE4 NS6(ref="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ÀÌÀü ÆäÀÌÁö(reverse link)¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .rev[=sVal]
ÄÚµå: document.write(orObj.rev) °á°ú:
search ¼Ó¼º IE4 NS4
¢¡ anchorÀÇ °Ë»ö Äõ¸®¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .search
ÄÚµå: <A name="anchorObj1" href="http://trio.co.kr/cgi/bbs/triobbs.cgi?db=triobbs" target="_html" type="°Ô½ÃÆÇ" urn="URN Description"></A> <SCRIPT>document.write(anchorObj1.search)</SCRIPT> °á°ú: anchorObj1
shape ¼Ó¼º IE5 NS6(shape="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ¸Ê ¸ð¾çÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .shape[=sVal]
ÄÚµå: document.write(orObj.shape) °á°ú:
tabIndex ¼Ó¼º IE4 NS6(tabIndex="iVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ÅÇ¿¡ ÀÇÇÑ Ç×ÇØ À妽º¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .tabIndex[=iVal]
ÄÚµå: document.write(anchorObj.tabIndex=5) °á°ú:
target ¼Ó¼º IE4 NS4(target="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ¸ñÇ¥ ÇÁ·¹ÀÓÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .target[=sVal]
ÄÚµå: document.write(anchorObj1.target) °á°ú:
text ¼Ó¼º - NS6
¢¡ anchorÀÇ ¹®ÀÚ¿­À» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .text[=sVal]
ÄÚµå: document.write(anchorObj.text) °á°ú: »ý·«
type ¼Ó¼º IE4 NS6(type="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ Á¾·ù¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .type[=sVal]
ÄÚµå: document.write(oObj.type) °á°ú:
urn ¼Ó¼º IE4 -(urn="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ anchorÀÇ ÁÖ¼Ò¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .urn[=sVal]
ÄÚµå: document.write(anchorObj1.urn) °á°ú:
x ¼Ó¼º - NS6
¢¡ anchorÀÇ xÁÂÇ¥¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .x[=iVal]
ÄÚµå: document.write(anchorObj.x) °á°ú: »ý·«
y ¼Ó¼º - NS6
¢¡ anchorÀÇ yÁÂÇ¥¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .y[=iVal]
ÄÚµå: document.write(anchorObj.y) °á°ú: »ý·«

anchor ¸Þ¼­µå - NS4
¢¡ anchor ¸Þ¼­µå´Â String °³Ã¼¿Í ÇÔ²² ¹®¼­ÀÇ anchor °³Ã¼¸¦ »ý¼ºÇÑ´Ù.
¹®¹ý: .anchors(anchorString)
ÄÚµå: <SCRIPT>myString=new String('propAnchor');document.write (myString.anchor('anchorMade'))</SCRIPT><span style=width:2em></span><a href="#anchorMade">»õ ÀÎÄ¿°¡ »ý¼ºµÇ¾ú´Ù.</a></span> °á°ú: »õ ÀÎÄ¿°¡ »ý¼ºµÇ¾ú´Ù.
blur ¸Þ¼­µå IE4 NS6
¢¡ anchor¿¡¼­ ÃÐÁ¡À» Á¦°ÅÇÑ´Ù.
¹®¹ý: .blur()
ÄÚµå: <SPAN class=blue><SCRIPT>anchorObj.blur())</SCRIPT> °á°ú: ÃÐÁ¡ÀÌ Á¦°ÅµÇ¾ú´Ù
focus ¸Þ¼­µå IE4 NS6
¢¡ anchor¿¡ ÃÐÁ¡À» ÁØ´Ù.
¹®¹ý: .focus()
ÄÚµå: <SPAN class=blue><SCRIPT>anchorObj.focus())</SCRIPT> °á°ú: ÃÐÁ¡À» ÁÖ¾ú´Ù.
watch¿Í unwatch ¸Þ¼­µå - NS
anchor °³Ã¼´Â Object °³Ã¼ÀÇ watchNS¿Í unwatchNS ¸Þ¼­µå¸¦ Àü´Þ¹Þ´Â´Ù.

anchors ¹è¿­º¯¼ö ¿¹Á¦

<HEAD>
<SCRIPT>
function anchorTable(){
  var br='<BR>'; // ÁٹٲÞ
  var str=''; // °á°ú ¹®ÀÚ¿­ Ãâ·Â º¯¼ö
  str+='<TABLE border=1 cellpadding=3 width=100% align=center><TR><th>È£Ãâ</th>'; // Å×À̺í À­ºÎºÐ
  str+='<th>¾ÞÄ¿¸í</th><th>HTML ¿¬°á</th><th>Javascript ¿¬°á</th></TR>';
  str+='<TR><TD colspan=4 align=center>document.anchors.length='+document.anchors.length+'</TD></TR>'; // ¾ÞÄ¿ °¹¼ö
  for (i=0;i<document.anchors.length;i++){ // 0¿¡¼­ ¾ÞÄ¿ ±æÀ̱îÁö 1¾¿ Áõ°¡´Â ·çÇÁ
    AnchorName=document.anchors[i].name; // ¾ÞÄ¿¸íÀ» ¾ò´Â´Ù
    str+='<TR><TD>document.anchors['+i+'].name=</TD><TD>'+AnchorName+'</TD>';
    str+='<TD><a href="#'+AnchorName+'">'+AnchorName+'</a></TD>'; // ¾ò´Â ¾ÞÄ¿¸íÀ¸·Î ¿¬°á ¸¸µé±â
    str+='<TD><INPUT type="button"'+ // ¾ò´Â ¾ÞÄ¿¸íÀ¸·Î Javascript ¿¬°á ¸¸µé±â
      'onClick="document.location.hash=\''+AnchorName+'\'" value="'+AnchorName+' À¸·Î"></TD></TR>';
  } // ·çÇÁ Á¾·á
  str+='</TABLE>'; // Å×À̺í Á¾·á
  showTable.innerHTML=str; // °á°ú Ãâ·Â ¹®ÀÚ¿­ Ãâ·Â
} // ±â´ÉÇÔ¼ö Á¾·á
</SCRIPT>
</HEAD>

<BODY onLoad="anchorTable()"> <!// ¹®¼­ Áß°£¿¡¼­ ¼öÇàÇÏ¸é ±× °÷±îÁö¸¸ ³ªÅ¸³ª¹Ç·Î ·ÎµùÀÌ ¿Ï·áµÇ¸é Àд ±â´ÉÇÔ¼ö¸¦ È£ÃâÇß´Ù.>
<DIV class=show id="showTable" style="width:550" title="°á°ú"></DIV> <!// µð½ºÇ÷¹À̵Ǵ À§Ä¡>

// document.anchors[3].name=testAnchor  ºÎºÐÀº ÆäÀÌÁö¿¡¼­ ¾Æ·¡ ¿¹Á¦·Î Javascript·Î ¸¸µç ¾ÞÄ¿ÀÓ
// document.anchors[9].name=anchorMade  ºÎºÐÀº ¸Þ¼­µå ¼³¸í Áß ¸¸µç ¾ÞÄ¿ÀÓ