What are the Different Ways to Redirect Page in JavaScript?
Using JavaScript you can do client side redirection, however it is not preferred method for page redirection, a search engine may ignore JavaScript redirection. Do not use this feature to spam the search engine, if such you may band from search engine. Here are given different redirection methods and their purpose to redirect from one page to another page in JavaScript, you may use any one of them according to your circumstance.
Simple JavaScript Redirection to Another Page
1. Using window.location method: Use these scripts to the head section of your page.
<script type="text/javascript">
window.location="http://www.newpage.com";
</script>
2. Using window.location.href method: Use these scripts to the head section of your page.
<script type="text/javascript">
window.location.href="http://www.newpage.com";
</script>
3. Using window.location.assign method: Use these scripts to the head section of your page.
<script type="text/javascript">
window.location.assign="http://www.newpage.com";
</script>
4. Using window.location.replace method: Use these scripts to the head section of your page.
<script type="text/javascript">
window.location.replace="http://www.newpage.com";
</script>
JavaScript Redirect to Another Page After 'x' Seconds
1. Using onLoad method: Use these scripts in 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>
JavaScript Redirect to Another Page On Load
1. Using onLoad method: Use these scripts in 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>
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="http://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 action="/search">
Enter your search text: <input type="text" id="searchtext" name="q">
<input onclick="myFunction()" type="submit" value="Search It" /></form>
<script>
function myFunction()
{
var search = document.getElementById("searchtext").value;
window.location = '/search?q='+search;
}
</script>
</body>
Related Posts
- How to Detect Visitor's Browser Using JavaScript?
- How To Create Simple Image Slideshow Using JavaScript ?
- How to Create Simple JavaScript Fade Effect Animation?
- Image Slideshow with Navigation Buttons Using Javascript
- How to Create JavaScript Image Slideshow with Links
- Simple JavaScript Fade Effect Animation Using Jquery
- How to Create Simple JavaScript Fade Effect Animation?
What are the Different Ways to Redirect Page in JavaScript?
Reviewed by mohamed
on
3:00 AM
Rating:
Reviewed by mohamed
on
3:00 AM
Rating:
No comments: