String.prototype.anchor()

지원이 중단되었습니다: 이 기능은 더 이상 권장되지 않습니다. 일부 브라우저에서는 아직 지원할 수 있지만 관련 웹 표준에서 이미 제거되었거나 제거 과정에 있는 경우가 있으며, 호환성을 위해 유지되고 있을 수 있습니다. 사용을 피하고 가능하다면 기존 코드를 업데이트하세요. 결정을 지원할 하단의 호환성 표를 확인하세요. 이 기능은 언제든지 작동을 중단할 수 있음을 유의하세요.

String 값의 anchor() 메서드는 name(<a name="...">str</a>)이 있는 <a> 요소 안에 해당 문자열을 집어넣은 문자열을 생성합니다.

참고 : 모든 HTML 래퍼 메서드는 더 이상 사용되지 않으며 호환성 목적으로만 표준화되었습니다. 대신 document.createElement()와 같은 DOM API를 사용하시기 바랍니다.

HTML 명세서는 더 이상 <a> 요소가 name 특성을 가지는걸 허용하지 않기 때문에 이 메서드는 유효한 마크업을 생성할 수 없습니다.

구문

js
anchor(name)

매개변수

name

생성된 <a name="..."> 시작 태그에 넣을 name의 값을 표현하는 문자열.

반환 값

<a name="name"> 시작 태그(name의 쌍따옴표는 &quot;로 대체), 그 다음 str 내용, </a> 종료 태그로 이어지는 문자열.

예제

anchor() 사용하기

아래 코드는 HTML 문자열을 생성한 다음 document의 body를 해당 문자열로 대체합니다.

js
const contentString = "Hello, world";

document.body.innerHTML = contentString.anchor("hello");

이는 다음과 같은 HTML을 생성합니다.

html
<a name="hello">Hello, world</a>

경고: name<a> 요소의 유효한 특성이 아니기 때문에 이 마크업은 유효하지 않습니다.

anchor()를 사용하여 HTML 텍스트를 직접 작성하는 대신 document.createElement()와 같은 DOM API를 사용해야 합니다. 아래의 예를 참고하세요.

js
const contentString = "Hello, world";
const elem = document.createElement("a");
elem.innerText = contentString;
document.body.appendChild(elem);

명세서

Specification
ECMAScript Language Specification
# sec-string.prototype.anchor

브라우저 호환성

BCD tables only load in the browser

같이 보기