El atributo de destino HTML define dónde se abrirá el documento vinculado cuando el usuario haga clic en el vínculo. Si se establece target=”_blank” con un elemento ancla, el documento vinculado se abrirá en una nueva pestaña; de lo contrario, el documento se abrirá en la misma pestaña. Hay dos métodos para ejecutar esta tarea. Una es la forma más antigua y larga normal, donde el atributo target=”_blank” está escrito dentro de la etiqueta HTML. Otra forma conveniente es ejecutar a través de código javascript.
Enfoque: Al principio, crearemos un evento en cada función de clic, luego estableceremos la condición si hay una etiqueta de anclaje y no se menciona el atributo de destino, el atributo de destino como «_blank».
Sintaxis:
document.addEventListener("click", function(e) {
if (e.target.tagName == "A" &&
!e.target.hasAttribute("target"))
{
e.target.setAttribute("target", "_blank");
}
});
El siguiente ejemplo ilustra target=”_blank” en JavaScript:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Simulate target=“_blank” in JavaScript
</title>
<script>
document.addEventListener("click", function(e) {
if (e.target.tagName == "A" &&
!e.target.hasAttribute("target"))
{
e.target.setAttribute("target", "_blank");
}
});
</script>
</head>
<body style="text-align:center">
<a href="https://www.geeksforgeeks.org/">
GeeksforGeeks<br>
A computer science portal for geeks
</a>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ankitabag123 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA