JQuery Open Link in New Tab on Click Example

By Hardik Savani July 20, 2023 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:

Read Also: How to Remove Special Characters from a String in JQuery?
 
<!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 :
Previous

JQuery Open Link in New Window Example
Next

Laravel Routing Tutorial | Laravel 7/6 Route Tutorial

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares