Open externe links in een nieuw venster - CSS-trucs

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'); )); ) ));

U kunt dit rechtstreeks doen met HTML, maar dat is ongeldige opmaak, dit zorgt voor zaken zonder ongeldige code en onnodige opmaak.

Of u kunt nog steeds de validatieproblemen vermijden en gewoon het class target = _blank-ding toevoegen aan koppelingen met href-attributen die beginnen met http: //. Het onderstaande voorbeeld is alleen gericht op links in een #contentgebied. Op die manier scrollen kan een goed idee zijn als uw menu's dynamisch zijn en volledige URL's maken.

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

Merk ook op dat er een grote verscheidenheid aan verschillende manieren is om alleen externe links te targeten.