How to add a delay in a JavaScript loop?

How to Open URL in New Tab using JavaScript?

Last Updated : 13 Sep, 2024

HTML anchor tag is used to open URLs in a new tab using the target=”_blank” attribute. In JavaScript, we have an inbuilt method window.open() which is used to open a new browser window or new tab depending on the browser settings.

Using window.open() Method

To open a new tab, we have to use _blank in the second parameter of the window.open() method.
The return value of window.open() is a reference to the newly created window or tab or null if it failed.
Do not add a third parameter to it as it will result in the opening of a new window rather than a tab

Syntax:

window.open(URL, '_blank');

Example: In this example, we create a button that, when clicked, uses JavaScript (window.open) to open “geeksforgeeks.org” in a new browser tab, maintaining the current page’s context.

HTML

<html>

<head>
    <title>Open URL in New Tab </title>
</head>

<body>

    <p> Click the button to open
        <b> geeksforgeeks.org </b>
        in new tab
    </p>


    <button onclick="NewTab()">
        Open Geeksforgeeks
    </button>

    <script>
        function NewTab() {
            window.open(
                "https://www.geeksforgeeks.org", "_blank");
        }
    </script>

</body>

</html>

Output:

new-tab

Important Notes:
The return value of window.open() is a reference to the newly created window or tab. It returns null if it fails to open the new tab.
Avoid adding a third parameter to the window.open() method because it could result in a new window instead of a tab.

Supported Browsers:

The browsers are supported by the window.open() method are listed below:

How to add a delay in a JavaScript loop?

H

harshcooldude700

Improve

Article Tags :

Similar Reads

How to open URL in a new window using JavaScript?

In HTML, the anchor tag (<a>) is used to open new windows and tabs in a very straightforward manner. However, there are situations where you need to achieve the same functionality using JavaScript. This is where the window.open() method becomes useful. The window.open() method is used to open

How to parse URL using JavaScript ?

Given an URL and the task is to parse that URL and retrieve all the related data using JavaScript. Example: URL: https://www.geeksforgeeks.org/courses When we parse the above URL then we can find hostname: geeksforgeeks.com path: /courses Method 1: In this method, we will use createElement() method

How to Open URL in New Tab using Angular ?

In this article, we will learn How to open a link in a new tab using Angular. A Link is a connection from one web page to another web page. Generally, the anchor tag can be used to open URLs in a new tab in an elementary and straightforward manner. However, the window.open() method can also be utili

How to open URL in same window and same tab using JavaScript ?

Opening a URL in the same window and in the same tab is a common requirement for web developers. This functionality is useful when you want to load a new web page or document into the current browser window and replace the content of the current web page. There are several ways to open URLs in the s

How to get URL Parameters using JavaScript ?

To get URL parameters using JavaScript means extracting the query string values from a URL. URL parameters, found after the ? in a URL, pass data like search terms or user information. JavaScript can parse these parameters, allowing you to programmatically access or manipulate their values. For gett

How to replace plain URL with link using JavaScript ?

Given a plane URL, the task is to replace the plain URLs with the links. This problem can be solved with the help of Regular Expressions. Approach: Using RegExp and replace() MethodRegExp - This looks for the URL in the provided text.This RegExp parses the URL and puts the address to the $1 variable

How to get the file name from page URL using JavaScript ?

JavaScript provides multiple techniques for string manipulation and pattern matching. By demonstrating various methods, the article equips developers with versatile solutions to dynamically retrieve and utilize file names from different URL formats within their applications. There are several approa

How to Open a Popup on Hover using JavaScript ?

In JavaScript, to perform the functionality of opening the popup on hover, we can dynamically manipulate the DOM by responding to the mouse events. The below approaches can be used to accomplish this task. Table of Content Using mouseover and mouseout eventsUsing onmouseenter and onmouseleave events

How to Open a Popup on Hover using JavaScript ?

We will be learning about the ways to open a pop-up when the cursor hovers over the HTML Element. Hover is a useful UI interaction that helps in getting more information about a specific HTML element. Pop Up can be shown as the additional data to make things much more understandable. It responds to

How to Convert Title to URL Slug using JavaScript ?

Converting a title to a URL slug in JavaScript involves transforming the input text into a format suitable for URLs. This typically entails replacing spaces with dashes, removing special characters, and ensuring lowercase consistency for compatibility and readability in web addresses. Prerequisite H