​x
 
<!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>
​
<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>
​