Area pathnamePropiedad
Objeto Area
Definición y uso
La propiedad pathname puede establecer o devolver la parte del nombre de ruta en el valor del atributo href.
Sintaxis
areaObject.pathname=path
Compatibilidad del navegador
Todos los navegadores principales admiten la propiedad pathname
Consejos y notas
Nota:En el siguiente ejemplo, IE y Opera devuelven "jsref/venus.htm", pero Firefox, Chrome y Safari devuelven "/jsref/venus.htm".
Ejemplo
Ejemplo
El siguiente ejemplo devuelve la parte del nombre de ruta del valor del atributo href en el área "Venus":
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo (example.com)</title>
</head>
<body>
<img src="planets.gif.html"width="145" height="126" usemap="#planetmap">
<map name="planetmap">
<area id="venus" shape="circle" coords="124,58,8" alt="Venus" href="venus.htm.html">
</map>
<p>La ruta del área Venus:
<script>
document.write(document.getElementById('venus').pathname);
</script>
</p>
<p><b>Nota:</b> IE y Opera devuelven "jsref/venus.htm",
mientras que Firefox, Chrome y Safari devuelven "/jsref/venus.htm".</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo (example.com)</title>
</head>
<body>
<img src="planets.gif.html"width="145" height="126" usemap="#planetmap">
<map name="planetmap">
<area id="venus" shape="circle" coords="124,58,8" alt="Venus" href="venus.htm.html">
</map>
<p>La ruta del área Venus:
<script>
document.write(document.getElementById('venus').pathname);
</script>
</p>
<p><b>Nota:</b> IE y Opera devuelven "jsref/venus.htm",
mientras que Firefox, Chrome y Safari devuelven "/jsref/venus.htm".</p>
</body>
</html>
El resultado del ejemplo anterior:
La ruta del área Venus: /try/demo_source/venus.htm
Pruébalo »
Objeto Area Otras extensiones