Home Javascript Javascriptexamples JavaScript Open link in new window
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

JavaScript Open link in new window

Advertisement
This page discusses - JavaScript Open link in new window

JavaScript Open link in new window

        

In this section, you will learn how to open a new window on clicking the link using JavaScript. 

To open a new window with a link within the web page, we have used the JavaScript method window.open(). Now in order to give specific look to the new window, we have used some attributes like scrollbars, width, height, left, top etc. When you load the following html code, you will get a link. On clicking the link, a new window will get open and allow the user to interact with it.

Here is the code:

<html>
<h2>Open link in new Window</h2>
<script language="JavaScript">
function openNewWindow() {
window.open('http://www.roseindia.net','new-window','directories, status, scrollbars, resizable, dependent, width=500, height=200, left=0, top=0');
}
</script>
<a href="javascript:openNewWindow();">Go to new window</a>
</html>

Output will be displayed as:

Download Source Code:

        

Advertisements

Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: April 18, 2011

Ask Questions?    Discuss: JavaScript Open link in new window  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com