JavaScript Open link in new window

This page discusses - JavaScript Open link in new window

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:

        

Tutorials

  1. Java 26 (JDK 26) Features with examples
  2. Top 10 Reasons to Learn Java in 2026
  3. JDK 26 Tutorial
  4. Java Certification Roadmap 2026: Which Oracle Certs Matter
  5. Install JDK 26: A Complete Beginner's Guide (2026)
  6. What Is Java? A Complete, Up-to-Date Guide for 2026
  7. Java 26 HTTP3 tutorial - HTTP 3 support in JDK 26 - How to use HTTP/3 in Java 26 application?
  8. JDK 28 Preview: Value Objects, Shenandoah GC & JSON API
  9. Java Tutorials