JavaScript에서 문자열을 클릭 가능한 링크로 변환하려면 link() 메서드를 사용합니다. 이 메서드는 지정한 URL로 이동하는 HTML 하이퍼텍스트 링크(<a> 태그)를 생성해 줍니다.
기본 문법
string.link( hrefname )
매개변수 설명
- hrefname: <a> 태그의 HREF 속성에 들어갈 문자열로, 유효한 URL이어야 합니다.
메서드가 실행되면 <a href="URL">문자열</a> 형태의 HTML 코드가 반환되어, 화면에는 클릭 가능한 링크로 표시됩니다.
예제
아래 코드를 실행하면 link() 메서드의 동작 방식을 직접 확인할 수 있습니다.
<html>
<head>
<title>JavaScript String link() Method</title>
</head>
<body>
<script>
var str = new String("Simply Easy Learning");
var URL = "https://www.tutorialspoint.com";
document.write(str.link( URL ));
</script>
</body>
</html>참고 사항
link() 메서드는 HTML을 문자열로 직접 조작하는 구식 방식으로, 현재 ECMAScript 표준에서 더 이상 권장되지 않습니다(deprecated). 최신 웹 개발에서는 다음과 같은 방법을 사용하는 것이 좋습니다.
- DOM API 활용:
document.createElement('a')로 앵커 요소를 생성하고href속성을 설정한 뒤 DOM에 추가합니다. - innerHTML 사용: 템플릿 리터럴과 함께
element.innerHTML = '<a href="...">텍스트</a>'형태로 작성합니다.
학습 목적이나 레거시 코드 유지보수 시에는 link() 메서드도 여전히 동작하지만, 새 프로젝트에서는 표준 DOM 방식을 사용하는 것이 안전하고 유지보수에 유리합니다.