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  부분은 메서드 설명 중 만든 앵커임