Jquery Open Link in New Tab on Click Example

By Hardik Savani | January 31, 2020 | Category : jQuery


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...



Tags : Example jQuery


Hardik Savani
My name is 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, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: