html运行实例（hdom_area_port）-搜寻教程库

代码示例：（标识：hdom_area_port）

<!DOCTYPE html>
<html>
<body>

<img src="/static/demo/images/eg_planets.jpg" usemap="#planetmap" />

<map name="planetmap">
<area
id="venus"
shape="circle"
coords="180,139,14"
href ="/static/demo/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>