--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:

JavaScript Open link in new window

JavaScript Open link in new window

JavaScript Open link in new window

Tutorials