¿Qué debo hacer para abrir el botón en una nueva ventana, emulando "a href, target = _blank"?¿Abrir el botón en una ventana nueva?
Actualmente tengo:
<button class="button" onClick="window.location.href='http://www.site.com';"><span class="icon">Open</span></button>
El botón no está en forma, sólo quiero hacer que se abra en una nueva ventana.
abre una nueva ventana con la URL que suministra :)
<button class="button" onClick="window.open('http://www.site.com');"><span class="icon">Open</span></button>
esperanza de que ayude :)
<input type="button" onclick="window.open(); return false;" value="click me" />
http://www.javascript-coder.com/window-popup/javascript-window-open.phtml
Usted puede lograr esto mediante window.open() método, pasando como _blank uno de los parámetros. Puede consultar los enlaces a continuación que tienen más información sobre esto.
http://www.w3schools.com/jsref/met_win_open.asp
http://msdn.microsoft.com/en-us/library/ms536651(v=vs.85).aspx
Hope esto le ayudará.
que no podía obtener su método de trabajar @ Damien-en-SF ...
Así que recurrí a mi antiguo conocimiento.
Por encierra el "botón" input type = dentro de un elemento de hipervínculo, sólo tiene que declarar la propiedad de destino como tan:
<a href="http://www.site.org" target="_blank">
<input type="button" class="button" value="Open" />
</a>
El 'target = '_ blank'' es la característica que hace que el navegador abra el enlace dentro de una nueva pestaña. Este atributo tiene otras propiedades, Vea: http://www.w3schools.com/tags/att_a_target.asp para más detalles.
Dado que el atributo 'value = ""' en los botones escribirá la cadena contenida en el botón, no es necesario un lapso.
En lugar de escribir:
<element></element>
para la mayoría de los elementos HTML que simplemente puede cerrar con una barra final, así:
<element />
Ah, y por último ... un 'botón' el elemento tiene un desencadenador de actualización dentro, así que utilizo un 'tipo de entrada [botón]' para evitar activar el formulario.
Programadores de buena suerte.
Debido a la política de StackOverflow que tenía que cambiar el dominio en el ejemplo: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke
Si estrictamente quiere meter a usar el botón, a continuación, sólo tiene que crear una función de ventana abierta de la siguiente manera:
<script>
function myfunction() {
window.open("mynewpage.html");
}
</script>
Luego, en su html hacer lo siguiente con el botón:
Ingreso
por lo que tendría algo como esto:
<body>
<script>
function joinfunction() {
window.open("mynewpage.html");
}
</script>
<button onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button>
Add "return false;" después del evento onClick para evitar el envío de formularios. – joseantgv
Desde OP: 'El botón no está en forma '. Pero sí, buen punto. –