Read Also: How to Detect Visitor’s Browser Using JavaScript?
Table of Contents
Simple JavaScript Redirection to Another Page
1. Using the onLoad method: Use these scripts in the body tag to redirect to another page after ‘5’ seconds.
<body onLoad="setTimeout(location.href='http://www.newpage.com', '5000')">
2. Using Redirect function: Use these scripts in the head section to redirect to another page after ‘5’ seconds with redirection message.
<script type="text/javascript">
function Redirect()
{
window.location="http://www.newpage.com";
}
document.write("You will be redirected to a new page in 5 seconds");
setTimeout('Redirect()', 5000);
</script>
Read Also: How to Create JavaScript Image Slideshow with Links
Redirection to Another Page On The Page Load
1. Using the onLoad method: Use these scripts in the body tag to redirect to another page on load.
<body onLoad="setTimeout(location.href='http://www.newpage.com', '0')">
2. Using a function: Use these scripts in the head section to redirect to another page on load.
<script type="text/javascript">
function Redirect()
{
window.location="http://www.newpage.com";
}
setTimeout('Redirect()', 0);
</script>
Read Also: How to Create Simple JavaScript Fade Effect Animation?
JavaScript Redirect to Another Page On Click
1. Using a function: Use these scripts in the head and body section to redirect to another page on button click.
<head>
<script>
function myButton()
{
window.location="https://www.siteforinfotech.com";
}
</script>
</head>
<body>
<button onclick="myButton()">Click me</button>
</body>
JavaScript Redirect to Another Page Passing Variables
1. Using a function: Use these scripts in the body section to redirect to another page on button click with passing the value of text box.
<body>
<form>
Enter your search text: <input type="text" id="searchtext" name="s">
</form>
<button onclick="myFunction()">Search It</button>
<script>
function myFunction()
{
var search = document.getElementById("searchtext").value;
window.location = '/?s='+search;
}
</script>
</body>
Preview:
Read Next: How to Create a Digital Clock in JavaScript?
Comments are closed.