คุณอาจประสบกับสถานการณ์ที่คุณคลิก URL เพื่อไปยังหน้า X แต่ภายในคุณถูกนำไปยังหน้า Y อื่น ซึ่งเกิดขึ้นเนื่องจากการเปลี่ยนเส้นทางหน้า
ค่อนข้างง่ายในการเปลี่ยนเส้นทางหน้าโดยใช้ JavaScript ที่ฝั่งไคลเอ็นต์ หากต้องการเปลี่ยนเส้นทางผู้เยี่ยมชมไซต์ของคุณไปยังหน้าใหม่ คุณเพียงแค่เพิ่มบรรทัดในส่วนหัวของคุณดังนี้
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้ window.location เพื่อเปลี่ยนเส้นทางหน้า 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> 