In HTML we use an anchor tag <a> for a hyperlink to another page. For Open URL in New Tab Using JavaScript we use the anchor tag <a> target attribute.
In HTML <a> tag’s target attribute provides a simple way to open a new tab or new window of the browser. We use _blank as a value in the target attribute in the anchor tag. Check below,
|
1 |
<a href="http://www.phpcoder.tech" target="_blank">Visit PHPCODER.TECH</a> |
If you want to do the with javascript to open a link in a new tab, then we can use the
window.open()the method as the best option in javascript.
window.open() method take two parameters,
- URL
- _blank value
To know more about window.open() method check here: https://developer.mozilla.org/en-US/docs/Web/API/Window/open
Syntax of Open URL in New Tab using JavaScript
|
1 |
window.open("URL", "_blank"); |
Below example is open http://www.phpcoder.tech URL in a new tab of the browser,
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<html> <body> <p>Click the button to open a new tab </p> <button onclick="NewTabJS()"> Open PHPCODER.TECH </button> <script> function NewTabJS() { window.open("http://www.phpcoder.tech", "_blank"); } </script> </body> </html> |
Also Check:
Tags: #javascript #window.open() #JavaScriptwindow.openNewTtab
Happy Coding..!
Pingback: CSS Background Image Text Effect - PHPCODER.TECH
Pingback: JavaScript Append HTML to Body - PHPCODER.TECH
Pingback: Detect URL Change in JavaScript Without Refresh - PHPCODER.TECH
Pingback: Check If Folder Or File Exists Using JavaScript - PHPCODER.TECH
Pingback: Check If String Contains Exact Match in JavaScript - PHPCODER.TECH
Pingback: How to Create Pagination in PHP with Ajax - PHPCODER.TECH
Pingback: User Login Form Validation using Ajax in PHP - PHPCODER.TECH
Pingback: Get Selected Date From Calendar in PHP using Ajax - PHPCODER.TECH
Pingback: Migrate WordPress Site To New Host Manually - PHPCODER.TECH
Pingback: Create Repository & Push Code To GitHub First Time - PHPCODER.TECH
Pingback: 2 Ways To Check if Email already exists Using PHP - PHPCODER.TECH
Pingback: JavaScript For Loop Complete Guide With Example - PHPCODER.TECH