查找区域的 href 属性的端口号部分

查找区域的 href 属性的端口号部分

<!DOCTYPE html>
<html>
<body>
 
<img src="/i/eg_planets.jpg" usemap="#planetmap" />
 
<map name="planetmap">
<area
id="venus"
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
alt="Venus" />
</map>
 
<p>单击按钮以显示图像映射中“venus”区域的 href 属性的端口。</p>
 
<p><b>注释：</b>如果未在 URL 中指定端口部分，或者端口号为 80（默认值），则某些浏览器将仅显示 0 或不显示任何内容。</p>
 
<button onclick="myFunction()">试一试</button>
 
<p id="demo"></p>
 
<script>
function myFunction() {
  var x = document.getElementById("venus").port;
  document.getElementById("demo").innerHTML = "端口：" + x;
}
</script>
 
</body>
</html>