This quick JavaScript tutorial help to open a linked URL in a new browser window or tab. The HTML is anchor '<a>'
tag that ll use to open a URL into the new tab using JavaScript.
HTML a target attribute provides an easy way to open a URL into the new browser window or tab. We’ll use _blank value in the target attribute to open the linked URL in a new tab or window.
<a href="https://phpflow.com" target="_blank">Visit Phpflow</a>
Above code, ll open phpflow.com into the new tab using pure HTML.
But If you want to open a URL with JavaScript. The JavaScript window.open() method is used to open a new browser window depending on the browser setting and the parameter values.
You can pass _blank as the second parameter into the window.open()
method to open a URL in a new tab using JavaScript.
The following JavaScript code will open https://phpflow.com
in a new browser tab or window.
window.open('https://phpflow.com', '_blank');
Full Source Code:
<html> <body> <p>Click the button to open a new tab </p> <button onclick="openUrl()"> Open PhpFlow </button> <script> function openUrl() { window.open( "https://phpflow.com", "_blank"); } </script> </body>