Bài viết này sẽ hướng dẫn bạn cách mà chuyển hướng cho các mục tiêu khác nhau bằng cách sử dụng Javascript, cách này có thể áp dụng trên các file html hoặc php đều được.
Với việc chuyển hướng url bằng javascript này tiện, nhanh nhưng vẫn còn rất hạn chế hơn việc chuyển hướng bằng .htaccess
Các bài viết liên quan đến chuyển hướng:
Để chuyển hướng 1 trang, mời bạn xem đoạn code sau:
<html>
<head>
<script type="text/javascript">
<!--
function Redirect() {
window.location="https://cunghocweb.com";
}
//-->
</script>
</head>
<body>
<p>Bấm vào nút, bạn sẽ đi tới trang chủ.</p>
<form>
<input type="button" value="Chuyển hướng" onclick="Redirect();" />
</form>
</body>
</html>
Trên là ví dụ về 1 chuyển hướng bằng cách bấm vào nút, cũng khác gì link href đâu nhỉ?
Nếu như vậy thì hơi bất tiện là nó không tự động chuyển đi, phải bấm vào nữa thì hơi phiền phức đúng không. Nếu thế ta cho nó chuyển đi một url chỉ định một cách tự động khi truy cập vào.
<html>
<head>
<script type="text/javascript">
function Redirect() {
window.location="https://cunghocweb.com";
}
document.write("Bạn sẽ được chuyển đến trang khác sau 3 giây.");
setTimeout('Redirect()', 3000);
</script>
</head>
<body>
</body>
</html>
Sử dụng các đoạn js dễ dàng và nhanh chóng, có thể dùng ở bất kỳ mã nguồn nào. Hãy theo dõi các bài viết khác ở key JS Tips nhé.