เอาตัวอย่างโค้ด javascript สำหรับ redirect url มาฝากครับ เผื่อมีประโยชน์กับท่านอื่นๆ เลยอยากมาแบ่งปันครับ วิธี redirect ด้วย javascript นี้ จะเหมาะสำหรับกรณีที่เราไม่สามารถไปทำ redirect ที่ทางฝั่ง server ได้ครับ อย่างไรก็ตาม เราไม่ควรใช้วิธีนี้เพื่อผลทาง SEO นะครับ แต่ควรใช้วิธีทำ 301 redirect ที่ server แทนครับ ลองมาดูตัวอย่างการใช้ javascript ในการ redirect url กันเลยครับ
1 2 3 4 5 6 7 | function redirectHTTPS(){ var url = window.location.href; var nohttp = url.split('//')[1]; /* เก็บค่า url ที่ตามหลัง // ไว้ในตัวแปร nohttp */ if (document.location.protocol != "https:"){ /* ถ้า protocal นี้ไม่ได้เป็น https */ document.location.href = "https://" + nohttp; /* redirect ไปยัง url "https://" ตามด้วยค่าของตัวแปร nohttp ที่เก็บเอาไว้ */ } } |
ส่วนเวลาจะเรียกใช้ก็สามารถเรียกที่ body ผ่าน “onload” event ก็ได้ครับ
1 | <body onload="redirectHTTPS()"> |
ตัวอย่างโค้ดด้านบน จะเป็นการ redirect จาก url ที่เป็น http ธรรมดา ไปที่ url แบบ https ครับ ลองเอาไปประยุกต์ใช้กันดูนะครับ