Opening a Link in a New Window, and How Not To
A tag more specfically, to open in a new window.
The most popular and incorrect way is using the
<a href="http://www.example.com/" target="_blank">Using Target</a>
target attribute was meant to direct content to load in a specific frame. In this case the keyword directs the browser to load the page in a new window, but with frames long dead and gone this little gem lives on as a reason people “can’t use HTML Strict.”:
<a href="#" onclick="window.open('http://www.example.com/');">Using Onclick</a>
<a href="#" onclick="window.open('http://www.example.com/'); return false;">Using Onclick</a>
<a href="http://www.example.com/" onclick="window.open('http://www.example.com/'); return false;">Improved use of onclick</a>
Using “return false;” stops the link from executing, allowing the URL to be put back in the
<a href="http://www.example.com/" onclick="window.open(this.href); return false;">Ideal use of onclick</a>
The redundancy is elimanted by using
this” refers to the current object in context, being the A tag. The “
href” references the A tags href property and the value (URL) contained within.
The end result is a small generic addition to any