Jquery Open Link in New Tab on Click Example

Admin   Jquery   54  2020-08-11 11:46:18

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 - </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("");

})

</script>

</body>

</html>

Example 1:

 

<!DOCTYPE html>

<html>

<head>

<title>Jquery Open Link in New Tab on Click Example - </title>

</head>

<body>

<a href="" rel="noopener noreferrer" target="_blank">Click Me</a>

</body>

</html>

I hope it can help you...