Open Link in a New Window

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

<a href="http://chriscoyier.net" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;">This link will open in new window/tab</a>

5 Responses

1. Driews says:

   09/03/2009 at 12:48 pm

   Valid code:
   
This link will open in new window/tab


   Reply
   • Chris Coyier says:

     09/03/2009 at 12:51 pm

     I think some code might have gotten stripped there. Feel free to email me at chriscoyier@gmail.com to fix.

     Reply
   • Driews says:

     09/03/2009 at 12:52 pm

     <a href="http://google.es" onclick="window.open(this.href); return false;">This link will open in new window/tab</a>

     Reply
2. helen says:

   09/03/2009 at 6:53 pm

   Target-blank is not strict xhtml (it might be considered as behaviour that should not be placed in the mark-up) and it can make people angry when used on every link, especially the internal ones. But sometimes it can be useful, if there’s an external link among many internal links.
   Personally I prefer to use CSS-Content to set a “(ext)” behind those links via auto-detection (attr).

   Reply
3. Ant says:

   05/19/2010 at 1:16 am

   I’d say it’s a bad practice. Because if I want to open link in new window, jsut press shift+mouse key. Or middle button (to open in new tab).

   Reply