loading...




Como aplicar links para abrirem numa nova janela, utilizando Html e Javascript.


Atributo HTML (válido em HTML5):

Para copiar o código clicar no ícone abaixo
<a href="http://my-code-box.blogspot.pt/" target="_blank">Este link vai abrir numa nova janela</a>


Atributo em linha Javascript:

Para copiar o código clicar no ícone abaixo
<a href="http://my-code-box.blogspot.pt/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;">Este link vai abrir numa nova janela</a>


Existem muitas opções para abrir links em novas janelas, utilizando funções em Javascript, como por exemplo as duas abaixo, mas estas apenas são utilizadas em alguns casos.


Para copiar o código clicar no ícone abaixo
$('a').filter(function() {
   return this.hostname && this.hostname !== location.hostname;
}).addClass("external");


Para copiar o código clicar no ícone abaixo
$('a').each(function() {
   var a = new RegExp('/' + window.location.host + '/');
   if(!a.test(this.href)) {
       $(this).click(function(event) {
           event.preventDefault();
           event.stopPropagation();
           window.open(this.href, '_blank');
       });
   }
});



0 comentários :

Enviar um comentário