ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

        ทุกวันนี้เว็บเพจส่วนใหญ่ทุกวันนี้ประกอบไปด้วย 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
ผลลัพธ์เมื่อเปิดกับเบราเซอร์

ถ้าเมื่อเรากดปุ่ม Replace with mindphp แล้วหน้าเว็บจะถูกแทนที่ด้วยเว็บ https://mindphp.com ซึ่งเราได้ใส่ลิงค์นี้ไว้ 

หน้าเว็บ mindphp
หน้าเว็บจะเปลี่ยนเป็นเว็บ mindphp

 และที่สำคัญ เมธอดนี้เป็นการแทนที่ จากหน้าเว็บเก่าเป็นอีกหน้าเว็บหนึ่ง ดังนั้นเมื่อ กด Back ที่ Browser ก้อจะไม่มี page ย้อนหลัง  

can't back
ไม่สามารถกดปุ่มย้อนกลับบนเบราเซอร์ได้

สรุปเมธอดนี้อาจจะเป็นอีกแนวทางหนึ่งที่สามารถนำมาช่วยในสลับเปลี่ยนหรือไว้กำหนดให้ยังหน้าเพจอีกหน้าหนึ่งได้  และมีข้อกำหนดบางอย่างสำหรับเมธอดนี้  สำหรับ 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อุตสาหกรรมเกษตรน่านแฟร์ 2020
โดย krittaphon อ 04 ส.ค. 2020 10:23 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
อ 04 ส.ค. 2020 10:23 am โดย krittaphon
R - AI แยกชาย/หญิง
โดย mindphp ศ 31 ก.ค. 2020 8:08 pm บอร์ด FDD (Main)
0
1
ศ 31 ก.ค. 2020 8:08 pm โดย mindphp
สอบถามเรื่อง cron.task.core เวลาในการตั้งค่า ให้ระบบทำงาน
โดย thatsawan ศ 31 ก.ค. 2020 5:34 pm บอร์ด Programming - PHP
2
37
ศ 31 ก.ค. 2020 6:19 pm โดย thatsawan
ผมไปโหลดโปรเเกรมนึงมาพอผมติดตั้งตามปกติเเต่เหมือนจะเป็นไวรัสผมเลยรีบลบ
โดย Anonymous ศ 31 ก.ค. 2020 12:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
32
ศ 31 ก.ค. 2020 4:06 am โดย mindphp
ถ้าเราต้องการ timestamp เวลา 0.00 น. เที่ยงคืนของวันปัจจุบัน ทำได้ยังไงค่ะ
โดย thatsawan พ 29 ก.ค. 2020 11:24 am บอร์ด Programming - PHP
4
69
พฤ 30 ก.ค. 2020 5:50 pm โดย anawat2050
[Tip]excel วิธี save as เป็นไฟล์ .csv โดยใช้ | คั่นคอลัมน์แทน ,
โดย jataz2 พ 29 ก.ค. 2020 9:14 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
33
พ 29 ก.ค. 2020 9:14 am โดย jataz2
Webboard สำหรับ WP
โดย wichai007 อ 28 ก.ค. 2020 9:01 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
61
อ 28 ก.ค. 2020 9:01 pm โดย wichai007
ถอด วันที่จาก excel มาได้ผลลัพท์เเต่ละ แถว row ไม่เหมือนกัน
โดย thatsawan อ 28 ก.ค. 2020 8:18 pm บอร์ด Programming - PHP
2
51
อ 28 ก.ค. 2020 8:40 pm โดย mindphp
B - ตัวอย่างคำสั่งที่ไม่เข้าไปใน e-mail [2020-07][002]
โดย natthanit.r2538 ศ 24 ก.ค. 2020 6:28 pm บอร์ด MD-CRM - Tester
2
8
อ 28 ก.ค. 2020 7:12 pm โดย mindphp
สอบถาม มีวิธีเขียน pyhon อ่านไฟล์ .dll มั้ยครับ
โดย jirawoot ศ 24 ก.ค. 2020 2:36 pm บอร์ด Programming - C/C++ & java & Python
0
104
ศ 24 ก.ค. 2020 2:36 pm โดย jirawoot
จะต้องทำยังไงถึงจะสมบรูณ์ GroundOverlay overlay
โดย niran พ 22 ก.ค. 2020 11:19 pm บอร์ด JavaScript & Jquery Ajax
0
131
พ 22 ก.ค. 2020 11:19 pm โดย niran
จะต้องทำยังไงถึงจะสมบรูณ์
โดย Anonymous พ 22 ก.ค. 2020 9:14 pm บอร์ด HTML CSS
2
149
พฤ 23 ก.ค. 2020 8:30 pm โดย บุคคลทั่วไป
สอบถามเกี่ยวกับการรองรับจำนวนผู้ใช้งาน postgresql
โดย Anonymous พ 22 ก.ค. 2020 2:56 pm บอร์ด SQL - Database
1
127
พ 22 ก.ค. 2020 4:45 pm โดย mindphp
การรองรับจำนวนผู้ใช้ postgreSQL
โดย Anonymous พ 22 ก.ค. 2020 2:33 pm บอร์ด PostgreSQL
1
127
พ 22 ก.ค. 2020 4:45 pm โดย mindphp
ข้อควรคิดเรื่องสถานที่จัดงาน ก่อนเลือกธีมงานแต่งงาน
โดย thongdeesmilesuk พ 22 ก.ค. 2020 12:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
88
พ 22 ก.ค. 2020 12:30 pm โดย thongdeesmilesuk
ทำความรู้จักกับ Apache Hadoop
โดย moo1997 อ 21 ก.ค. 2020 5:42 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
85
อ 21 ก.ค. 2020 5:42 pm โดย moo1997
Marketplace คืออะไร
โดย moo1997 อ 21 ก.ค. 2020 3:50 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
97
อ 21 ก.ค. 2020 3:50 pm โดย moo1997
สอบถามเรื่องการเปลี่ยนภาษาบน Linux
โดย moo1997 อ 21 ก.ค. 2020 2:10 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
145
อ 21 ก.ค. 2020 2:17 pm โดย thatsawan
การ insert ข้อมูลจาก textbox ลงในฐานข้อมูล โดยใช้ภาษา C#
โดย moo1997 อ 21 ก.ค. 2020 11:49 am บอร์ด Programming - C/C++ & java & Python
0
127
อ 21 ก.ค. 2020 11:49 am โดย moo1997
การเขียน php เชื่อมต่อกับฐานข้อมูล
โดย moo1997 อ 21 ก.ค. 2020 11:42 am บอร์ด PHP Knowledge
0
1026
อ 21 ก.ค. 2020 11:42 am โดย moo1997