La propiedad de destino base en HTML DOM se usa para establecer o devolver el valor del atributo de destino de un elemento <base>. El atributo de destino se utiliza para especificar el destino predeterminado para todos los hipervínculos y formularios de la página.
Sintaxis:
- Devuelve la propiedad de destino Base.
baseObject.target
- Se utiliza para establecer la propiedad de destino base.
baseObject.target = "_blank|_self|_parent|_top|framename"
Valores de propiedad:
- _blank: Se utiliza para abrir un enlace en una nueva ventana.
- _self: Es el valor por defecto. Se utiliza para abrir un enlace en el mismo marco.
- _parent: se utiliza para abrir un enlace en el conjunto de marcos principal.
- _top: Abre un enlace en el cuerpo completo de la ventana.
- framename: Abre un enlace en el nombre dframe.
Valor de retorno: devuelve un valor de string que representa el destino predeterminado para todos los hipervínculos y formularios de la página.
Ejemplo 1: este ejemplo devuelve la propiedad de destino base.
<!DOCTYPE html>
<html>
<head>
<base id="Geek_Base"
href="https://www.geeksforgeeks.org" target="_self">
<title>
HTML | DOM Base target Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>HTML | DOM Base target Property</h2>
<button onclick="myGeeks()">
Click
</button>
<h4 id="Geek_p" style="color:green;font-size:24px;"></h4>
<!-- Script to use DOM Base target Property -->
<script>
function myGeeks() {
var x = document.getElementById("Geek_Base").target;
document.getElementById("Geek_p").innerHTML = x;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Ejemplo 2: este ejemplo establece la propiedad de destino base.
<!DOCTYPE html>
<html>
<head>
<base id="Geek_Base" href=
"https://www.geeksforgeeks.org" target="_self">
<title>
HTML | DOM Base target Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>HTML | DOM Base target Property</h2>
<button onclick="myGeeks()">
Click
</button>
<h4 id="Geek_p" style="color:green;font-size:24px;"></h4>
<!-- Script to use DOM Base target Property -->
<script>
function myGeeks() {
var x = document.getElementById("Geek_Base").target
= "_blank";
document.getElementById("Geek_p").innerHTML
= "The value of the target attribute was "
+ "changed to " + x;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad de destino base del DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA