Categorías: javascript

Cambiar enlace de un href con javascript

Para Cambiar el enlace de un href, lo que haremos sera aceeder al elemento por medio de document.getElementById(«mi_elemento»), y una vez que tenemos el elemento, con .href accdedemos al enlace, con lo cual la sentencia completa seria document.getElementById(«mi_elemento»).href = «nuevo_enlace».

Tambien podemos cambiar el target del enlace, es decir, el modo de abrir la el enlace con document.getElementById(«mi_elemento»).target = «_blank».

valor acción
_blank Lo abre en una ventana nueva
_self Para abrirla en la misma ventana, si no ponemos target, este es de de por defecto.
_parent la abre en la ventana padre en la que estamos.
_top Abre eleminando todos los frames que pueda haber el la ventana.
«nombre» Nos abre en una ventana con ese nombre, si abrimos otra y el target es el mismo, nos lo abre en esa misma ventana


<script>
function cambia_enlace(){
   var elemento = document.getElementById("enlace");
   elemento.innerHTML = 'Enlace a Briored - Javascript';
   elemento.href = "https://www.briored.com/category/javascript/"
}
function cambia_target(){
   var elemento = document.getElementById("enlace");
   elemento.innerHTML += ' - en ventana nueva';
   elemento.target = "_blank"
}
</script>
<div id="botones">
   <input type="button" >
   
felixbs

Compartir
Publicado por
felixbs
Etiquetas: .href.target

Entradas recientes

mediaquerys para tablet

/* sin diferencias entre vertical y horizontal */@media only screenand (min-width: 768px)and (max-width: 1024px){ /*…

4 años hace

Strings en php – operaciones básicas con cadenas

Vamos a ver las principales funciones para tratar cadenas o strings en php. Concatenar dos…

9 años hace

Cookie – Añadir, leer y borrar cookies con JQuery

Lo primero que vamos ha hacer es definir que es una cookie: "Una cookie, galleta…

9 años hace

Formularios Symfony2 y twig, campos de textos, numeros, combos y radio buttom

En los formularios de Symfony2 con twig, pondemos añadir campos de texto, nuemericos, combos y…

12 años hace

Instalar Symfony2 rápidamente y fácilmente en Windows 7 y Windows 10

Instalar symfony2 en rápidamente windows 7 y windows 10 requiere de varios pasos que iremos…

12 años hace

Quitar app_dev.php de la url de symfony 2

Para quitar de la url de nuestro symfony2 el app_dev.php modificaremos del .htaccess que lo…

12 años hace