🎓 Top 15 Udemy Courses (80-90% Discount): My Udemy Courses - Ramesh Fadatare — All my Udemy courses are real-time and project oriented courses.
▶️ Subscribe to My YouTube Channel (178K+ subscribers): Java Guides on YouTube
▶️ For AI, ChatGPT, Web, Tech, and Generative AI, subscribe to another channel: Ramesh Fadatare on YouTube
This quick post shows how to redirect to another web page using jQuery.
Let's first see how to use vanilla javascript to redirect to another web page.
There are a couple of ways to redirect to another webpage with JavaScript. The most popular ones are location.href and location.replace:
Example:
// Simulate a mouse click:
window.location.href = "https://www.javaguides.net/";
// Simulate an HTTP redirect:
window.location.replace("https://www.javaguides.net/");
How to Redirect to Another Web Page Using jQuery
Refer below the single line of code to redirect from one page another page using JQuery:
$(location).attr('href','https://www.javaguides.net');
Here is a complete web page which redirects to another URL using jQuery:
<html>
<head>
<title>how to redirect to another web page using jQuery</title>
</head>
<body>
<h2>how to redirect to another web page using jQuery</h2>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$(location).attr('href','https://www.javaguides.net');
});
</script>
</body>
</html>
Open above web page in the browser will navigate to 'https://www.javaguides.net' web page using jQuery.
Comments
Post a Comment
Leave Comment