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

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามครับ เชื่อมฐานข้อมูล Wordpress ไม่ได้ครับ
โดย chatee supasand ส 19 ต.ค. 2019 4:07 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
73
ส 19 ต.ค. 2019 6:57 pm โดย nidhiwani
วิธีการสร้าง logfile ในภาษา Python ด้วย logging
โดย jirawoot ศ 18 ต.ค. 2019 1:21 pm บอร์ด Python Knowledge
1
187
ส 19 ต.ค. 2019 4:25 am โดย mindphp
เปิดโพย รวมมิตรไอโฟนตกรุ่น เริ่ม 900.-
โดย promotion ศ 18 ต.ค. 2019 11:42 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
23
ศ 18 ต.ค. 2019 11:42 am โดย promotion
ทำยังไงถึงจะ upload file เข้าไปอยู่ในโฟร์เดอร์ได้ครับ
โดย jamepiyawat พฤ 17 ต.ค. 2019 6:27 pm บอร์ด Programming - PHP
1
59
พฤ 17 ต.ค. 2019 6:30 pm โดย tsukasaz
สร้างไฟล์ PDF ด้วยภาษา PHP
โดย kkk_k พฤ 17 ต.ค. 2019 1:08 am บอร์ด Programming - PHP
1
76
พฤ 17 ต.ค. 2019 1:23 am โดย mindphp
ถามเรื่องเช็คตัวเลขว่ามีเลขที่มากกว่า 10 เเต่น้อยกว่า 20 กี่ตัวยังไงครับ
โดย Golff Sinlapachai พ 16 ต.ค. 2019 6:19 pm บอร์ด Programming - PHP
1
54
พ 16 ต.ค. 2019 6:25 pm โดย mindphp
ฐานข้อมูลค่ะ
โดย sopida พ 16 ต.ค. 2019 3:37 pm บอร์ด Programming - PHP
1
47
พ 16 ต.ค. 2019 3:53 pm โดย thatsawan
replace หลายจุด และหลาย pattern พร้อมกันจบในการรันคำสั่งครั้งเดียว
โดย jataz2 พ 16 ต.ค. 2019 3:17 pm บอร์ด Programming - C/C++ & java & Python
0
38
พ 16 ต.ค. 2019 3:17 pm โดย jataz2
อัพเดพตัว Build Windows 10 แอพ Your Phone รับสายเรียกเข้า-โทรออกจาก สมาร์ทโฟนได้แล้ว
โดย chatee supasand อ 15 ต.ค. 2019 12:18 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
55
อ 15 ต.ค. 2019 12:18 pm โดย chatee supasand
ตัวอย่างการสร้าง Service odoo13 บน Ubuntu 16.04
โดย mindphp ส 12 ต.ค. 2019 1:35 am บอร์ด Linux - Web Server
0
99
ส 12 ต.ค. 2019 1:35 am โดย mindphp
MJupgrade Joomla 1.5.26 > 3.9 ขึ้น Error: Could not connect to MySQL server.
โดย เห็ด อินโมชั่น ศ 11 ต.ค. 2019 3:30 pm บอร์ด Joomla Development
3
84
ศ 11 ต.ค. 2019 5:14 pm โดย เห็ด อินโมชั่น
MJupgrade Joomla 1.5.26 > 3.9 ขึ้น Error: Could not connect to MySQL server.
โดย เห็ด อินโมชั่น ศ 11 ต.ค. 2019 4:59 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
7
2224
ส 12 ต.ค. 2019 3:35 am โดย mindphp
อยากทราบวิธีนับจำนวน id ที่ซ้ำกัน ครับ
โดย jamepiyawat ศ 11 ต.ค. 2019 5:06 pm บอร์ด SQL - Database
3
173
ศ 11 ต.ค. 2019 6:20 pm โดย jamepiyawat
การ Search ค้นหาข้อมูลของบอร์ด phpBB
โดย aninthana พฤ 10 ต.ค. 2019 6:46 pm บอร์ด Wordpress user Guide Knowledge
0
133
พฤ 10 ต.ค. 2019 6:46 pm โดย aninthana
ทำป้าย PopUp ด้วย Modal ใน Bootstrap เวอร์ชั่น 4
โดย jamepiyawat พฤ 10 ต.ค. 2019 5:20 pm บอร์ด Booststap Knowledge
0
140
พฤ 10 ต.ค. 2019 5:20 pm โดย jamepiyawat
ทำยังไงถึงจะไม่ให้แสดงเลข ID หน้า Alias ได้ครับ
โดย jamepiyawat พฤ 10 ต.ค. 2019 4:03 pm บอร์ด Joomla Development
1
60
พฤ 10 ต.ค. 2019 6:02 pm โดย tsukasaz
ทำไมผมถึงดึงข้อมูลชื่อหมวดหมู่ออกมาแสดงหน้าตั้งค่า module ไม่ได้ครับ
โดย jamepiyawat พฤ 10 ต.ค. 2019 3:47 pm บอร์ด Joomla Development
2
66
พฤ 10 ต.ค. 2019 6:36 pm โดย jamepiyawat
ตัวเลขด้านหน้าข้อความที่เราตั้ง Alias คืออะไรครับ
โดย jamepiyawat พฤ 10 ต.ค. 2019 11:36 am บอร์ด Joomla Development
5
145
พฤ 10 ต.ค. 2019 2:46 pm โดย mindphp
แก้ปัญหา Error Ignoring file '50unattended-upgrades.ucf-old' in directory บน Ubunto 16.04 ติดตั้ง apt-get
โดย mindphp พฤ 10 ต.ค. 2019 5:42 am บอร์ด Linux - Web Server
0
112
พฤ 10 ต.ค. 2019 5:42 am โดย mindphp
Q - สอบถามวิธี Upload file html ไปยัง web service โดยใช้คำสั่ง curl ใน PHP
โดย birdkritsna พ 09 ต.ค. 2019 3:42 pm บอร์ด Programming - PHP
6
157
พฤ 10 ต.ค. 2019 2:07 pm โดย birdkritsna