2010-09-16 4 views
2

est-il possible d'utiliser le window.location = "http://google.de" avec _blank?Javascript - Emplacement href avec _blank

Je ne veux pas utiliser le <a href ... > du tout, car il fait des problèmes avec le CSS (link-color).

Vous devez toujours insérer ce code et que Nervs:/

.bone a:link { color:#FFFFFF; text-decoration: none } 
.bone a:visited { color:#FFFFFF; text-decoration: none } 
.bone a:hover { color:#FFFFFF; text-decoration: none } 
.bone a:active { color:#FFFFFF; text-decoration: none } 
.bone a:hover { color:#FFFFFF; text-decoration: none } 

Merci à l'avance!

Peter

+1

Vous pouvez raccourcir considérablement votre bloc CSS '.bone a: lien, .bone a: visité, .bone a: hover, .bone a: actif, .bone a: hover {color: #FFFFFF; text-decoration: none} ' – gnarf

Répondre

1

Vous avez probablement besoin d'une ligne CSS:

.bone a { color:#FFFFFF; text-decoration: none } 

Techniquement, cela correspondra également les balises d'ancrage non-lien. Mais vous voulez probablement ceux qui sont stylés de la même manière. Je pense que c'est plus propre qu'une solution Javascript.

+0

@Peter, c'est correct. Cela ne fonctionnera pas avec certains navigateurs mobiles ou lorsque JavaScript est désactivé. –

4

Certainement, utilisez simplement window.open('http://www.example.com/', '_blank');

1

Je suppose que vous cherchez quelque chose comme:

var w = window.open("http://google.de", "_blank");

Gardez à l'esprit qu'il vous tirer dans le pied jusqu'à l'accessibilité, l'indexation des moteurs de recherche, etc. aller.

0

Vous devez toujours insérer ce code et que Nervs:/

Vous ne devriez pas avoir à insérer tous ceux. Cela devrait être suffisant:

.bone a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

Si vous trouvez que cela ne suffit pas, vous avez probablement un specificity problem with your CSS; Autrement dit, vous avez spécifié des couleurs de lien différentes ailleurs dans CSS avec la même spécificité, mais avec des couleurs différentes pour hover, active etc. Vous contournez cela en faisant que la règle que vous voulez avoir ici ait une spécificité plus élevée que la règle globale que vous voulez pour passer outre. Utilisation de Javascript pour contourner un problème de style, c'est comme acheter un vélo parce que vous avez perdu vos clés de votre voiture.

Votre Javascript ne fonctionnera pas sur les navigateurs avec Javascript désactivé, les moteurs de recherche ne seront pas en mesure de le suivre, et qui sait sur les navigateurs mobiles ou les navigateurs pour les personnes handicapées.

+0

// c'est comme acheter un vélo parce que vous avez perdu les clés de votre voiture. ... hehe, exemple drôle :) – Peter