Encontré respuestas similares pero no exactamente lo que estaba buscando. ¿Cómo puedo manejar 3 botones con 1 función? ¿Cómo integrar la propiedad del documento en la solución?
Aquí está el código:
function gotoUrl() { window.location.assign("https://www.google.com/") } function gotoUrl1() { window.location.assign("https://www.yahoo.com/") } function gotoUrl2() { window.location.assign("https://www.youtube.com/") } <button class="one" onclick="gotoUrl()"> Google </button> <button class="two" onclick="gotoUrl1()"> yahoo </button> <button class="three" onclick="gotoUrl2()"> Youtube </button>Puede ingresar params en una función, que es una variable incluida en una función cuando se ejecuta. Aquí está su código modificado solo usando 1 función:
<!-- html --> <button class="one" onclick="gotoUrl('https://www.google.com')"> Google </button> <button class="two" onclick="gotoUrl('https://www.yahoo.com')"> yahoo </button> <button class="three" onclick="gotoUrl('https://www.youtube.com')"> Youtube </button> // javascript function gotoUrl(link /*link is a param, now we can use it as a variable in our function*/){ window.location.assign(link) }w3schools en parámetros: https://www.w3schools.com/js/js_function_parameters.asp
function gotoUrl() { window.open("https://www.google.com/") } function gotoUrl1() { window.open("https://www.yahoo.com/") } function gotoUrl2() { window.open("https://www.youtube.com/") } <button class="one" target="_blank" onclick="gotoUrl()"> Google </button> <button class="two" target="_blank" onclick="gotoUrl1()"> yahoo </button> <button class="three" target="_blank" onclick="gotoUrl2()"> Youtub </button>El método open() abre una nueva ventana del navegador, o una nueva pestaña, según la configuración de su navegador y los valores de los parámetros.
sintaxis:
window.open(URL, name, specs, replace)Para más detalles, haga clic aquí: window.open