Make link open in new tab/window

JavaScriptBank.com · 11-01-2009, 06:53 PM

Use this simple JavaScript to make all links on your web pages open in new tab/window. Script is easy to setup, you should save them into a f... detail

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/link/make-link-open-in-new-tab-window.jpg[/IMG]
Demo: Make link open in new tab/window

How to setup

Step 1: Copy & Paste JavaScript code below in your HEAD section
JavaScript

Code:

<script language=javascript>
/*
	Kevin Yank
	hxxp ://w w w.sitepoint. com/authorcontact/48
*/
function externalLinks()
{
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++)
  {
      var anchor = anchors[i];
      if(anchor.getAttribute("href"))
		anchor.target = "_blank";
  }
}
window.onload = externalLinks;

</script>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->

Step 2: Copy & Paste HTML code below in your BODY section
HTML

Code:

<a href="hxxp ://javascriptbank. com/">Home</a> | 
	<a href="hxxp ://javascriptbank. com/4rum/">Forum</a> | 
	<a href="hxxp ://javascriptbank. com/javascript/">JavaScript</a> | 
	<a href="hxxp ://javascriptbank. com/service/">Services</a> | 
	<a href="hxxp ://javascriptbank. com/javascript/submit-javascript-bank.html">Submit script</a> | 
	<a href="hxxp ://javascriptbank. com/thietkeweb/javascriptmall/">Documentary</a> | 
	<a href="hxxp ://javascriptbank. com/javascript/contact-javascript-bank.html">Contact us</a> | 
	<a href="hxxp ://javascriptbank. com/javascript/aboutus-javascript-bank.html">About us</a>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->

Javascript floating message - Javascript multi level drop down menu - JavaScript in_array()

owenn · 11-02-2009, 02:34 AM

but you have option in dreamweaver i am talking about that blank option to open pages in new window so why someone will use this script ?

CamStudio · 11-03-2009, 12:52 PM

Or alternatively just add:

target="_blank"

to the HTML of a link, for example:

Quote:

<a href="http://somelinkhere.com" target="_blank">Some Anchor Text Here</a>

zaizaices8 · 11-05-2009, 05:00 AM

Quote:

Originally Posted by owenn

but you have option in dreamweaver i am talking about that blank option to open pages in new window so why someone will use this script ?

Quote:

Originally Posted by CamStudio

Or alternatively just add:

target="_blank"

to the HTML of a link, for example:

Agreed. It will be much simpler and loading time will be minimized. SE bots also doesn't read javascripts (or something like that).

11-01-2009, 06:53 PM	#1
JavaScriptBank.com Warrior Member Join Date: Mar 2009 Location: JavaScriptBank.com - Free JavaScript Source Code Posts: 17 Thanks: 0 Thanked 0 Times in 0 Posts	Make link open in new tab/window Use this simple JavaScript to make all links on your web pages open in new tab/window. Script is easy to setup, you should save them into a f... detail [IMG]hxxp ://w w w.javascriptbank. com/javascript.images/link/make-link-open-in-new-tab-window.jpg[/IMG] Demo: Make link open in new tab/window How to setup Step 1: Copy & Paste JavaScript code below in your HEAD section JavaScript Code: <script language=javascript> /* Kevin Yank hxxp ://w w w.sitepoint. com/authorcontact/48 / function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if(anchor.getAttribute("href")) anchor.target = "_blank"; } } window.onload = externalLinks; </script> <!-- This script downloaded from w w w.JavaScriptBank. com Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com --> Step 2*: Copy & Paste HTML code below in your BODY section HTML Code: <a href="hxxp ://javascriptbank. com/">Home</a> \| <a href="hxxp ://javascriptbank. com/4rum/">Forum</a> \| <a href="hxxp ://javascriptbank. com/javascript/">JavaScript</a> \| <a href="hxxp ://javascriptbank. com/service/">Services</a> \| <a href="hxxp ://javascriptbank. com/javascript/submit-javascript-bank.html">Submit script</a> \| <a href="hxxp ://javascriptbank. com/thietkeweb/javascriptmall/">Documentary</a> \| <a href="hxxp ://javascriptbank. com/javascript/contact-javascript-bank.html">Contact us</a> \| <a href="hxxp ://javascriptbank. com/javascript/aboutus-javascript-bank.html">About us</a> <!-- This script downloaded from w w w.JavaScriptBank. com Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com --> Javascript floating message - Javascript multi level drop down menu - JavaScript in_array()

11-02-2009, 02:34 AM	#2
owenn Warrior Member Join Date: Nov 2009 Posts: 8 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Make link open in new tab/window but you have option in dreamweaver i am talking about that blank option to open pages in new window so why someone will use this script ?
	Accommodation Rentals,Holiday Rentals,Vacation Rentals