Avaa ulkoiset linkit uudessa ikkunassa - CSS-temppuja

Anonim
$('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'); )); ) ));

Voit tehdä tämän suoraan HTML: llä, mutta se on virheellinen merkintä, tämä huolehtii liiketoiminnasta ilman virheellistä koodia ja tarpeetonta merkintää.

Tai voit silti välttää vahvistusongelmia ja liittää luokan class = _blank asian vain linkkeihin, joiden href-määritteet alkavat http: //. Alla oleva esimerkki kohdistaa vain #content-alueen linkkeihin. Tällainen alasveto voi olla hyvä idea, jos valikot ovat dynaamisia ja luovat täydellisiä URL-osoitteita.

$("#content a(href^='http://')").attr("target","_blank");

Huomaa myös, että on olemassa monia erilaisia ​​tapoja kohdistaa vain ulkoisiin linkkeihin.