que - hipervinculos en html ejemplos
Hacer un enlace abrir una nueva ventana(no pestaña) (5)
Eso abrirá una nueva ventana, no una pestaña (con JavaScript, pero bastante lacónicamente):
<a href="print.html"
onclick="window.open(''print.html'',
''newwindow'',
''width=300,height=250'');
return false;"
>Print</a>
Esta pregunta ya tiene una respuesta aquí:
¿Hay alguna manera de hacer que un enlace abra una nueva ventana del navegador (no una pestaña) sin usar javascript?
Los navegadores controlan una gran cantidad de esta funcionalidad, pero
<a href="http://www.yahoo.com" target="_blank">Go to Yahoo</a>
intentará abrir yahoo.com en una nueva ventana.
Puedes probar esto: -
<a href="some.htm" target="_blank">Link Text</a>
y puedes probar este también:
<a href="some.htm" onclick="if(!event.ctrlKey&&!window.opera){alert(''Hold the Ctrl Key'');return false;}else{return true;}" target="_blank">Link Text</a>
Sé que es un poco viejo Q, pero si llegas aquí buscando una solución, entonces tengo una buena vía jquery
jQuery(''a[target^="_new"]'').click(function() {
var width = window.innerWidth * 0.66 ;
// define the height in
var height = width * window.innerHeight / window.innerWidth ;
// Ratio the hight to the width as the user screen ratio
window.open(this.href , ''newwindow'', ''width='' + width + '', height='' + height + '', top='' + ((window.innerHeight - height) / 2) + '', left='' + ((window.innerWidth - width) / 2));
});
abrirá todo el <a target="_new"> en una nueva ventana
EDITAR:
En primer lugar, hice algunos pequeños cambios en el código original ahora que abre la nueva ventana perfectamente seguido de la relación de pantalla del usuario (para escritorios de paisaje)
pero, me gustaría recomendarle que use el siguiente código que abre el enlace en la nueva pestaña si está en el móvil (gracias a la respuesta zvona en otra pregunta ):
jQuery(''a[target^="_new"]'').click(function() {
return openWindow(this.href);
}
function openWindow(url) {
if (window.innerWidth <= 640) {
// if width is smaller then 640px, create a temporary a elm that will open the link in new tab
var a = document.createElement(''a'');
a.setAttribute("href", url);
a.setAttribute("target", "_blank");
var dispatch = document.createEvent("HTMLEvents");
dispatch.initEvent("click", true, true);
a.dispatchEvent(dispatch);
}
else {
var width = window.innerWidth * 0.66 ;
// define the height in
var height = width * window.innerHeight / window.innerWidth ;
// Ratio the hight to the width as the user screen ratio
window.open(url , ''newwindow'', ''width='' + width + '', height='' + height + '', top='' + ((window.innerHeight - height) / 2) + '', left='' + ((window.innerWidth - width) / 2));
}
return false;
}
Con HTML puro no puede influir en esto: cada navegador moderno (= el usuario) tiene control total sobre este comportamiento porque ha sido mal usado mucho en el pasado ...
El elemento ancla tiene un atributo target *. El valor que está buscando es _blank **.
<a href="www.example.com/example.html" target="_blank">link text</a>
Abre una nueva ventana (HTML4) o un nuevo contexto de navegación (HTML5). Sin embargo, el contexto de navegación en los navegadores modernos es en su mayoría "nueva pestaña" en lugar de "nueva ventana". No tiene influencia sobre eso y no puede "forzar" que el navegador abra una nueva ventana.
Por otro lado, forzar una nueva ventana es posible a través de javascript - ver la respuesta de Ievgen a continuación para una solución de javascript. Sin embargo, tenga en cuenta que la apertura de ventanas a través de javascript (si no se realiza en el evento onclick de un elemento de anclaje) está sujeta a bloqueos emergentes.
(*) Este atributo se remonta a los tiempos en que los navegadores no tenían pestañas y el uso de conjuntos de marcos era el estado del arte. Mientras tanto, la funcionalidad de este atributo ha cambiado ligeramente (consulte la documentación de MDN )
(**) Hay algunos otros valores que ya no tienen mucho sentido (porque fueron diseñados con conjuntos de marcos en mente) como _parent , _self o _top .