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

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีแก้ไขปัญหา สำหรับ การนำ Template phpbb 3.3 มาใช้ใน phpbb 3.2
โดย thatsawan อ 31 มี.ค. 2020 7:27 pm บอร์ด phpBB user Guide Knowledge
0
3
อ 31 มี.ค. 2020 7:27 pm โดย thatsawan
B - เว็บเข้าไม่ได้ error www.phpbbthailand.com
โดย thatsawan อ 31 มี.ค. 2020 7:13 pm บอร์ด phpbbthailand.com
0
2
อ 31 มี.ค. 2020 7:13 pm โดย thatsawan
สอบถาม ผมลองใช้ curl ของ API ของ gitlab แล้ว "message":"401 Unauthorized ครับ
โดย jirawoot อ 31 มี.ค. 2020 5:16 pm บอร์ด Programming - C/C++ & java & Python
1
43
อ 31 มี.ค. 2020 5:35 pm โดย jirawoot
การเชื่อมต่อ API ของ GitLab เพื่อดาวน์โหลดไฟล์
โดย tsukasaz อ 31 มี.ค. 2020 12:52 pm บอร์ด PHP Knowledge
0
9
อ 31 มี.ค. 2020 12:52 pm โดย tsukasaz
วิธิการใส่ icon favorite เพื่อแสดงในแต่ละ browser
โดย Ittichai_chupol อ 31 มี.ค. 2020 11:14 am บอร์ด Graphic design
3
61
อ 31 มี.ค. 2020 12:57 pm โดย mindphp
สิ่งที่เกิดขึ้นจริงในการประชุมด้วยเทคโนโลยี Conference Call #Work from home
โดย thatsawan อ 31 มี.ค. 2020 10:39 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
อ 31 มี.ค. 2020 10:39 am โดย thatsawan
ช่วงนี้ Work From Home ก็จะลำบากนิดนึงแหละเนอะ #ทาสเเมว
โดย thatsawan จ 30 มี.ค. 2020 2:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
จ 30 มี.ค. 2020 2:29 pm โดย thatsawan
อยากทราบวิธีสร้างเว็บหน้าเดียวแบบกรอกข้อมูลเสร็จแล้วประมวลผล
โดย phongkhukhan ส 28 มี.ค. 2020 1:00 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
200
ส 28 มี.ค. 2020 1:09 am โดย mindphp
แสดงสินค้าที่อยากได้ใน Wishlist ด้วย Module Wishlist
โดย prmindphp ศ 27 มี.ค. 2020 5:26 pm บอร์ด MindPHP News & Feedback
0
58
ศ 27 มี.ค. 2020 5:26 pm โดย prmindphp
ต้องการสร้าง subtype
โดย blackbullx16 ศ 27 มี.ค. 2020 4:15 pm บอร์ด SQL - Database
0
169
ศ 27 มี.ค. 2020 4:15 pm โดย blackbullx16
อยากทราบวิธีการใช้งาน อีเวน cron ว่ามีการใช้งานอย่างไครับ
โดย Ittichai_chupol ศ 27 มี.ค. 2020 11:10 am บอร์ด Programming - PHP
1
87
ส 28 มี.ค. 2020 11:42 am โดย mindphp
อยากทราบวิธีการแก้ไขการแปลงปีวันที่ใน phpbb ผิด เมื่อกรอกวันที่ 29/02
โดย Ittichai_chupol ศ 27 มี.ค. 2020 10:42 am บอร์ด Programming - PHP
3
61
จ 30 มี.ค. 2020 7:01 pm โดย mindphp
อยากทราบวิธีการจะสร้างการทำงานสำหรับการแจ้งเตือนของ Extension ในอีเวน cron
โดย Ittichai_chupol พฤ 26 มี.ค. 2020 10:34 am บอร์ด PHP Knowledge
2
204
พฤ 26 มี.ค. 2020 2:34 pm โดย LEG
แสดงสินค้าขายดีในร้านค้าออนไลน์ด้วย Module Bestseller
โดย prmindphp พ 25 มี.ค. 2020 5:42 pm บอร์ด MindPHP News & Feedback
0
69
พ 25 มี.ค. 2020 5:42 pm โดย prmindphp
อยากทราบวิธีการที่จะสามารถปิดการแสดงของ modules ใน ucp โดยไม่ต้องเข้าไปจัดการในระบบ
โดย Ittichai_chupol พ 25 มี.ค. 2020 1:04 pm บอร์ด Programming - PHP
1
88
พ 25 มี.ค. 2020 1:05 pm โดย Ittichai_chupol
วิธีการสมัครเข้าใช้งาน Skype สำหรับใช้งาน VDO video conference ในมือถือ
โดย numtan5839 พ 25 มี.ค. 2020 11:26 am บอร์ด Microsoft Office Knowledge & line & Etc
1
204
พฤ 26 มี.ค. 2020 2:34 pm โดย LEG
อยากท่องเที่ยวใหว้พระอุดรกับรถเช่าอุดร แนะนำ
โดย udon999 อ 24 มี.ค. 2020 10:49 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
66
อ 24 มี.ค. 2020 10:49 pm โดย udon999
อยากเที่ยวอุดร ลองเช่ารถอุดร ท่องเที่ยวใหว้พระเชิญทางนี้
โดย udon999 อ 24 มี.ค. 2020 9:57 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
45
อ 24 มี.ค. 2020 9:57 pm โดย udon999
แสดงหมวดหมู่สินค้าให้กับร้านค้าออนไลน์ด้วย Module Category
โดย prmindphp อ 24 มี.ค. 2020 5:57 pm บอร์ด MindPHP News & Feedback
0
49
อ 24 มี.ค. 2020 5:57 pm โดย prmindphp
3 การขนส่งสินค้าที่แปลกที่สุดในโลก
โดย ngongsus อ 24 มี.ค. 2020 12:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
64
อ 24 มี.ค. 2020 12:58 pm โดย ngongsus