Jquery Open Link in New Tab on Click Example
In this example, we will lean how to open link in new tab on button click event in jquery. we will see example of onclick open link in new tab jquery. we have two example of open url in new tab on button click jquery.
I created two way to open link in new tab in jquery. first one is a using window.open() and another is 'target="_blank"' on anchor tag. so i added both example bellow you have to just check that you can see how it will helps us.
Let's see both example and you can use anyone as you need.
Example 1:
<!DOCTYPE html>
<html>
<head>
<title>Jquery Open Link in New Tab on Click Example - ItSolutionStuff.com</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click Me</button>
<script type="text/javascript">
$(".btn").click(function(){
window.open("https://www.itsolutionstuff.com");
})
</script>
</body>
</html>
Example 1:
<!DOCTYPE html>
<html>
<head>
<title>Jquery Open Link in New Tab on Click Example - ItSolutionStuff.com</title>
</head>
<body>
<a href="https://www.itsolutionstuff.com" rel="noopener noreferrer" target="_blank">Click Me</a>
</body>
</html>
I hope it can help you...

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- Jquery Set custom data attribute value | Jquery Get custom data attribute value
- Jquery Select2 - Select box with search example code
- How to check file size when select multiple file validation using Jquery?
- How to Check If Element is Exists or Not in jQuery?
- Jquery Ajax Request Example Tutorial
- How to Get Max Attribute Value in JQuery?
- How to Remove Query String from URL using JQuery?
- Automatically Scroll to Bottom of Div JQuery Example
- Check and Uncheck All Checkbox using JQuery Example