代码示例:(标识:hdom_area_pathname)
<!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>

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("venus").pathname;
  document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>
运行结果: