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

        ทุกวันนี้เว็บเพจส่วนใหญ่ทุกวันนี้ประกอบไปด้วย 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการนำชื่อข้อมูลในชื่อในฐานข้อมูล ในไฟล์ XML ของ module joomla
โดย jamepiyawat ส 18 ม.ค. 2020 6:44 pm บอร์ด Joomla Developing Knowledge
0
17
ส 18 ม.ค. 2020 6:44 pm โดย jamepiyawat
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb
โดย Ittichai_chupol ส 18 ม.ค. 2020 5:42 pm บอร์ด PHP Knowledge
0
11
ส 18 ม.ค. 2020 5:42 pm โดย Ittichai_chupol
Pillow library ปรับขนาดรูปเป็นเปอร์เซ็นเพื่อนำไปใช้งานได้สะดวก
โดย benzas00123 ส 18 ม.ค. 2020 5:25 pm บอร์ด Python Knowledge
0
6
ส 18 ม.ค. 2020 5:25 pm โดย benzas00123
Pillow library Optimize รูปภาพเพื่อให้มีขนาดของข้อมูลที่เล็กลง
โดย benzas00123 ส 18 ม.ค. 2020 2:53 pm บอร์ด Python Knowledge
0
14
ส 18 ม.ค. 2020 2:53 pm โดย benzas00123
ตัวช่วยในการคำนวณแคลอรี่สำหรับผู้ที่รักการออกกำลังกาย
โดย prmindphp ส 18 ม.ค. 2020 11:50 am บอร์ด MindPHP News & Feedback
0
27
ส 18 ม.ค. 2020 11:50 am โดย prmindphp
เราจะเก็บรูปข้อมูลของรูปลง database เราจะใช้ data type อะไรครับ
โดย benzas00123 ส 18 ม.ค. 2020 11:31 am บอร์ด SQL - Database
2
26
ส 18 ม.ค. 2020 1:17 pm โดย benzas00123
อยากทราบวิธีการแก้ไขปัญหาการ อัพโหลดไฟล์ excel แล้วไม่รองรับภาษาไทย
โดย Ittichai_chupol ศ 17 ม.ค. 2020 5:58 pm บอร์ด Programming - PHP
6
39
ส 18 ม.ค. 2020 6:25 pm โดย Ittichai_chupol
ต้องการนับจำนวนอักษรเเละตัดอักษรที่เกิน มีปัญหากับภาษาไทย
โดย thatsawan ศ 17 ม.ค. 2020 5:18 pm บอร์ด Programming - C/C++ & java & Python
0
11
ศ 17 ม.ค. 2020 5:18 pm โดย thatsawan
สอบถามครับ ลูปค่าออกมาแล้วต้องการให้มันเก็บค่าในตัวแปร ต้องทำยังไงครับ
โดย chatee supasand ศ 17 ม.ค. 2020 3:51 pm บอร์ด Programming - C/C++ & java & Python
3
34
ศ 17 ม.ค. 2020 5:19 pm โดย thatsawan
อยากทราบวิธีก่ารเปิด exe ใน ubutu เวอชั่น 14
โดย Ittichai_chupol ศ 17 ม.ค. 2020 2:33 pm บอร์ด Programming - PHP
2
33
ศ 17 ม.ค. 2020 4:14 pm โดย Ittichai_chupol
วิธีการสร้างระบบชำระเงินด้วย omise โดยใช้ php
โดย Ittichai_chupol พฤ 16 ม.ค. 2020 6:53 pm บอร์ด PHP Knowledge
0
39
พฤ 16 ม.ค. 2020 6:53 pm โดย Ittichai_chupol
Pillow library กับการ เปลี่ยนนามสกุล img ทีเดียวหลายๆ file
โดย benzas00123 พฤ 16 ม.ค. 2020 5:45 pm บอร์ด Python Knowledge
0
23
พฤ 16 ม.ค. 2020 5:45 pm โดย benzas00123
Pillow library ในการจัดการและประมวลผลรูปภาพ
โดย benzas00123 พฤ 16 ม.ค. 2020 5:04 pm บอร์ด Python Knowledge
0
35
พฤ 16 ม.ค. 2020 5:04 pm โดย benzas00123
ความแตกต่างระหว่าง visibility: hidden; กับ display: none;
โดย Ittichai_chupol พ 15 ม.ค. 2020 6:44 pm บอร์ด CSS Knowledge
0
69
พ 15 ม.ค. 2020 6:44 pm โดย Ittichai_chupol
ตัวอย่าง การ Query ข้อมูลทีเป็นที่ได้ผลการค้นหา
โดย mindphp พ 15 ม.ค. 2020 6:40 pm บอร์ด Programming - C/C++ & java & Python
0
33
พ 15 ม.ค. 2020 6:40 pm โดย mindphp
สอบถามครับ ทำไมสร้างตารางฐานข้อมูลแล้ว มันไม่ใน ใน pg
โดย chatee supasand พ 15 ม.ค. 2020 5:55 pm บอร์ด Programming - C/C++ & java & Python
4
38
พ 15 ม.ค. 2020 6:07 pm โดย thatsawan
ขอสอบถาม error ของ flask ครับ
โดย benzas00123 พ 15 ม.ค. 2020 10:44 am บอร์ด Programming - C/C++ & java & Python
4
41
พ 15 ม.ค. 2020 10:53 am โดย benzas00123
B - เปิดใบแจ้งหนี้ INVOICE(None Vat) ไม่ได้
โดย mindphp อ 14 ม.ค. 2020 7:35 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 14 ม.ค. 2020 7:35 pm โดย mindphp
สอบถาม code ของ Flask หน่อยครับว่ามันเอาไว้ใช้ทำอะไร
โดย benzas00123 อ 14 ม.ค. 2020 4:50 pm บอร์ด Programming - C/C++ & java & Python
3
48
พ 15 ม.ค. 2020 5:54 am โดย mindphp
วิธีการเพิ่มส่วนการแสดงในหน้าสมัครสมาชิกของ เว็บบอร์ด phpbb
โดย Ittichai_chupol อ 14 ม.ค. 2020 3:19 pm บอร์ด PHP Knowledge
0
53
อ 14 ม.ค. 2020 3:19 pm โดย Ittichai_chupol