Online Training Spring Hibernate Training in Delhi R Programming Training Course Big Data and Hadoop Training Java Training

JavaScript Open link in new window

This page discusses - JavaScript Open link in new window

Ads

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

Share on Google+Share on Google+

JavaScript Open link in new window

Posted on: April 18, 2011 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Advertisements

Ads
 

Discuss: JavaScript Open link in new window  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0

Ads

 

Ads