Vaya a URL con OnClick en JavaScript

En la programación de JavaScript, llega una situación en la que desea acceder a otros sitios web por un enlace proporcionado, o se requiere vincular su contenido o video con referencia a otro sitio web. Este enfoque se puede utilizar para una mejor comprensión del concepto declarado. Además, vincular diferentes páginas web dentro de un sitio web ahorra el tiempo del usuario y mejora la legibilidad.

Este blog lo guiará sobre ir a URL OnClick en JavaScript.

Vaya a URL usando el evento "OnClick" en JavaScript

Para ir a URL usando el evento OnClick en JavaScript, puede usar:

• El "ventana.abierto()" método.
• El "ventana.ubicaciónMétodo de objeto.

Ahora pasaremos por cada uno de los métodos mencionados uno por uno!

Método 1: Vaya a URL con OnClick en JavaScript usando Window.Open () Método

En JavaScript, el "ventana.abierto()El método se utiliza para abrir una nueva ventana del navegador. También puede utilizar este método para ir a una URL especificada usando el botón "al hacer clic" evento.

Sintaxis

ventana.abierto (url, windowname, especificaciones);

Aquí, "url"Se refiere al enlace del sitio web", "nombre de windown"Es el nombre de la ventana, y"especificaciones"Se refiere a la lista de artículos separados por comas.

Mira el ejemplo dado a continuación.

Ejemplo
En el siguiente ejemplo, agregaremos un botón y especificaremos su "al hacer clic"Evento de tal manera que cuando se haga clic en el botón, el evento OnClick accederá a la función"OpenGoogleByMethod ()":

Abrir Google

Ahora, definiremos una función "OpenGoogleByMethod ()"Y usa el"ventana.abierto()"Método y pasar el"Url" del "Google"Sitio en él como argumento. Esto dará como resultado abrir el sitio especificado en una nueva pestaña:

La salida de la implementación anterior dará como resultado:

Método 2: Vaya a URL con OnClick en JavaScript usando Window.Método de ubicación ()

El "ventana.ubicación()El método "se puede usar para obtener la página actual ("Url") Y luego redirige el navegador a una nueva dirección de página. También puede utilizar este método para acceder a la URL especificada utilizando el "ubicación" objeto.

Pasemos por el siguiente ejemplo para una mejor comprensión:

Ejemplo
En nuestro JavaScript, aplicaremos el "ventana.ubicación()"Método, donde el"ubicación"El objeto contendrá la información sobre la ubicación actual, que es"Google" en este caso. El "ventana.ubicación.href"La propiedad devolverá la URL de la página especificada en la ventana.ubicación:

La ejecución del código anterior dará como resultado la siguiente salida:

Hemos proporcionado todos los métodos más simples para ir a la URL aplicando OnClick en JavaScript.

Conclusión

En JavaScript, para ir a URL con OnClick, puede usar el "ventana.abierto()"Método para abrir la ventana con el especificado"Url"O aplique el"ventana.ubicación"Método de objeto para especificar la ubicación de la URL especificada y la"ventana.ubicación.href"Propiedad para devolver la URL de la página especificada.

Este artículo ha explicado los métodos para ir a la URL usando OnClick en JavaScript.