คุณอาจพบสถานการณ์ที่คุณคลิก URL เพื่อไปยังหน้า X แต่ภายในคุณถูกนำไปยังหน้า Y อื่น ซึ่งเกิดขึ้นเนื่องจากการเปลี่ยนเส้นทางหน้า
ค่อนข้างง่ายที่จะทำการเปลี่ยนเส้นทางหน้าโดยใช้ JavaScript ที่ฝั่งไคลเอ็นต์ หากต้องการเปลี่ยนเส้นทางผู้เยี่ยมชมไซต์ของคุณไปยังหน้าใหม่ คุณเพียงแค่เพิ่มบรรทัดในส่วนหัวของคุณดังนี้
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้ JavaScript เพื่อเปลี่ยนเส้นทางหน้า HTML ที่นี่เราจะเปลี่ยนเส้นทางไปยังหน้าแรก
<html>
<head>
<script>
<!--
function Redirect() {
window.location.assign("https://www.tutorialspoint.com");
}
//-->
</script>
</head>
<body>
<p>Click the following button, you will be redirected to home page.</p>
<input type = "button" value = "Redirect Me" onclick = "Redirect();" />
</body>
</html> 