JavaScript – Redireccionar a otra URL en el botón de clic

En este fragmento de código vamos a aprender cómo redirigir a otra URL usando la función de JavaScript, en este ejemplo tomaremos tres botones y redirección a otras URL a través de clic de botón.

Código JavaScript fragmentos – Redirigir a otra URL en el botón Haga clic

función de JavaScript

<script type="text/javascript">
function redirectToURL(btnId){
if(btnId=="button1")
window.location.replace("https://en.wikipedia.org/wiki/Main_Page");
else if(btnId=="button2")
window.location.replace("https://www.google.com");
else if(btnId=="button3")
window.location.replace("http://www.bing.com/");
}
</script>

Código fuente HTML con JavaScript

<!--JavaScript - Redirect to another URL on Button Click.-->
<html>
<head>
<title>JavaScript - Redirect to another URL on Button Click.</title>
<script type="text/javascript">
function redirectToURL(btnId){
if(btnId=="button1")
window.location.replace("https://en.wikipedia.org/wiki/Main_Page");
else if(btnId=="button2")
window.location.replace("https://www.google.com");
else if(btnId=="button3")
window.location.replace("http://www.bing.com/");
}
</script>
</head>
<body style="text-align: center">
<h1>JavaScript - Redirect to another URL on Button Click.<h1>
<input type="button" id="button1" value="www.wikipedia.com" onClick='redirectToURL(this.id)'/>
<input type="button" id="button2" value="www.google.com" onClick='redirectToURL(this.id)'/>
<input type="button" id="button3" value="www.bing.com" onClick='redirectToURL(this.id)'/>
</body>
</html>

Resultado

JavaScript - Redirect to another URL on Button Click - 4
clic for DEMO y rarr;


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *