ทุกวันนี้เว็บเพจส่วนใหญ่ทุกวันนี้ประกอบไปด้วย JavaScript และภาษาสคริปต์ ที่ทำงานบนเว็บเบราเซอร์ของผู้เข้าชมเอง ซึ่งทำให้เว็บเพจนั้นๆ ทำงานได้ตามความต้องการ ในการเปลี่ยนหรือจะไปยังหน้าเพจอื่นโดยใช้ Javascript นั้นมีเมธอดที่สามารถใช้ได้มากมาย แต่ละเมธอดอาจจะมีข้อแตกต่างกัน บทความนี้จะมาแนะนำ เมธอด location.replace ()
เมธอด location.replace () ใน JavaScript ใช้เพื่อแทนที่หน้าเพจปัจจุบันด้วยหน้าเพจอื่น กระบวนการแทนที่วิธีการแทนที่ URL ของหน้าต่างปัจจุบันโดย URL ที่กล่าวถึงในวิธีการแทนที่
location.replace (URL)
เมธอดนี้จะรับ พารามิเตอร์นี้จะรับเพียงพารามีเตอร์เดียวคือ URL ซึ่งเป็นการอ้างอิงของหน้าอื่นที่่จะแทนที่ด้วย
เรามาดูตัวอย่างโค้ดกันน่ะครับ
<!DOCTYPE html>
<html>
<head>
<title>Redirect to Webpage</title>
<style>
body{
text-align:center;
}
.mindphp {
font-size:40px;
font-weight:bold;
color:navy;
}
</style>
</head>
<body>
<div class = "mindphp">Mindphp</div>
<h2>Replace Method</h2>
<button onclick = "Replace()" >Replace with mindphp</button>
<script>
//Replace function that replace the current page.
function Replace() {
location.replace("https://mindphp.com/")
}
</script>
</body>
</html>
เมื่อเราเปิดกับเบราเซอร์ Chrome จะมีหน้าตาประมาณนี้ครับ
ถ้าเมื่อเรากดปุ่ม Replace with mindphp แล้วหน้าเว็บจะถูกแทนที่ด้วยเว็บ https://mindphp.com ซึ่งเราได้ใส่ลิงค์นี้ไว้
และที่สำคัญ เมธอดนี้เป็นการแทนที่ จากหน้าเว็บเก่าเป็นอีกหน้าเว็บหนึ่ง ดังนั้นเมื่อ กด Back ที่ Browser ก้อจะไม่มี page ย้อนหลัง
สรุปเมธอดนี้อาจจะเป็นอีกแนวทางหนึ่งที่สามารถนำมาช่วยในสลับเปลี่ยนหรือไว้กำหนดให้ยังหน้าเพจอีกหน้าหนึ่งได้ และมีข้อกำหนดบางอย่างสำหรับเมธอดนี้ สำหรับ redirect ไปยังหน้าเพจอื่นใน javascript ยังมีหลายวิธีเช่น window.location.replace('http://www.example.com')
, window.location.assign('http://www.example.com')
, window.location.href = 'http://www.example.com'
,และ document.location.href = '/path'
เป็นต้น
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JavaScript