JavaScript에서 area(영역) 요소의 href 속성에 포함된 포트 번호를 확인하려면 port 속성을 사용하면 됩니다. 이 속성은 해당 링크 URL의 포트 번호 부분만 별도로 추출해 반환합니다.
사용 예제
아래 코드를 실행하면 area 요소의 포트 번호를 확인할 수 있습니다. 참고로 포트 번호가 기본값인 80인 경우, 브라우저에 따라 결과가 0 또는 빈 문자열로 표시될 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<img src = "/images/html.gif" alt = "HTML Map" border = "0" usemap = "#html"/>
<map name = "html">
<area id="myarea" shape = "circle" coords = "154,150,59"
href = "about.htm?id=company" alt = "Team" target = "_self" >
</map>
<script>
var x = document.getElementById("myarea").port;
document.write("<br>포트 번호: "+x);
</script>
</body>
</html>코드 설명
위 예제에서는 이미지 맵(image map) 안에 정의된 area 요소에 id="myarea"를 지정했습니다. 이후 document.getElementById("myarea")로 해당 요소에 접근한 뒤 .port 속성을 읽어 포트 번호를 화면에 출력합니다.
참고 사항
- URL에 포트 번호가 명시되지 않은 경우 대부분의 브라우저는 빈 문자열을 반환합니다.
- HTTP의 기본 포트(80)나 HTTPS의 기본 포트(443)처럼 생략 가능한 포트는 브라우저마다 처리 방식이 다를 수 있습니다.
- 전체 URL이 필요하다면 href 속성을, 호스트 정보가 필요하다면 hostname 속성을 함께 활용하는 것이 좋습니다.