String.prototype.link()
ì§ìì´ ì¤ë¨ëììµëë¤: ì´ ê¸°ë¥ì ë ì´ì ê¶ì¥ëì§ ììµëë¤. ì¼ë¶ ë¸ë¼ì°ì ììë ìì§ ì§ìí ì ìì§ë§ ê´ë ¨ ì¹ íì¤ìì ì´ë¯¸ ì ê±°ëìê±°ë ì ê±° ê³¼ì ì ìë ê²½ì°ê° ìì¼ë©°, í¸íì±ì ìí´ ì ì§ëê³ ìì ì ììµëë¤. ì¬ì©ì í¼íê³ ê°ë¥íë¤ë©´ 기존 ì½ë를 ì ë°ì´í¸íì¸ì. ê²°ì ì ì§ìí íë¨ì í¸íì± í를 íì¸íì¸ì. ì´ ê¸°ë¥ì ì¸ì ë ì§ ìëì ì¤ë¨í ì ììì ì ìíì¸ì.
String ê°ì link() ë©ìëë ì´ ë¬¸ìì´ì <a> ìì(<a href="...">str</a>)ì í¬í¨íë 문ìì´ì ìì±í´, ë¤ë¥¸ URLì ëí íì´í¼í
ì¤í¸ ë§í¬ë¡ ì¬ì©í ì ìëë¡ í©ëë¤.
ì°¸ê³ :
모ë HTML ëí¼ ë©ìëë ë ì´ì ì¬ì©ëì§ ìì¼ë©° í¸íì± ëª©ì ì¼ë¡ë§ íì¤íëììµëë¤. ëì document.createElement()ì ê°ì DOM API를 ì¬ì©íì기 ë°ëëë¤.
구문
link(url)
매ê°ë³ì
url-
<a>ìììhrefìì±ì ì§ì íë 문ìì´ë¡, 모ë&문ìê°&ë¡ ì´ì¤ì¼ì´í ì²ë¦¬ë ì í¨í URL(ìë ëë ì ë)ì´ì´ì¼ í©ëë¤.
ë°í ê°
<a href="url"> ìì íê·¸(urlì í°ë°ì´íë "ë¡ ëì²´ë¨)ë¡ ììíë 문ìì´, ê·¸ ë¤ì str ë´ì©, </a> ì¢
ë£ íê·¸ë¡ ì´ì´ì§ë 문ìì´.
ìì
>link() ì¬ì©í기
ìë ì½ëë HTML 문ìì´ì ìì±í ë¤ì documentì body를 í´ë¹ 문ìì´ë¡ ëì²´í©ëë¤.
const contentString = "MDN Web Docs";
document.body.innerHTML = contentString.link("https://developer.mozilla.org/");
ì´ë ë¤ìê³¼ ê°ì HTMLì ìì±í©ëë¤.
<a href="/proxy/developer.mozilla.org/">MDN Web Docs</a>
link()를 ì¬ì©íì¬ HTML í
ì¤í¸ë¥¼ ì§ì ìì±íë ëì document.createElement()ì ê°ì DOM API를 ì¬ì©í´ì¼ í©ëë¤. ìëì ì를 ì°¸ê³ íì¸ì.
const contentString = "MDN Web Docs";
const elem = document.createElement("a");
elem.href = "https://developer.mozilla.org/";
elem.innerText = contentString;
document.body.appendChild(elem);
ëª ì¸ì
| Specification |
|---|
| ECMAScript® 2027 Language Specification> # sec-string.prototype.link> |