Share tips.

tips.html

คำสั่ง JavaScript window.location

JavaScript Window Location Function

มารู้จักกับฟังก์ชั่นพื้นฐานของ Javascript ที่ใช้บ่อย

1. window.location.replace
2. window.location.href
3. window.location.reload หรือ history.go(0)
4. window.location.hash

คำสั่ง replace

เป็นคำสั่งที่ใช้เขียนทับ URL หรือเขียน URL ใหม่แทนที่ URL เดิม จะมีรูปแบบดังนี้
/* แบบที่ 1 */
location.replace("URL");

/* แบบที่ 2 */
window.location.replace("URL");
ตัวอย่าง
/* แบบที่ 1 */
location.replace("index.php");

/* แบบที่ 2 */
window.location.replace(http://www.genstyles.com);

 

คำสั่ง href

เป็นคำสั่งที่เขียนลิงค์ เพื่อเชื่อมโยงไปอีกหน้าของเว็บเพจ ซึ่งมีรูปแบบดังนี้
/* แบบที่ 1 */
location.href = "URL"

/* แบบที่ 2 */
window.location.href = "URL"

ตัวอย่าง
/* แบบที่ 1 */
location.href = "index.php";

/* แบบที่ 2 */
window.location.href = "http://www.genstyles.com"

 

คำสั่ง reload หรือ history.go(0)

เป็นคำสั่งที่ใช้ Reload หน้าเว็บเพจใหม่ มีรูปแบบและใช้งานดังนี้
/* reload */
/* แบบที่ 1 */
location.reload();

/* แบบที่ 2 */
window.location.reload();

/* history.go(0) */
/* แบบที่ 1 */
history.go(0);

/* แบบที่ 2 */
javascript:history.go(0);

 

คำสั่ง hash

มีรูปแบบดังนี้
/* แบบที่ 1 */
location.hash = "#link";

/* แบบที่ 2 */
window.location.hash = "#link";

ตัวอย่าง
function LocationHash() {
	window.location.hash = "#top";
}
/* แบบ hyperlink */
<a name="bottom" href="#top">go to Top</a>

/* แบบ button */
<input type="button" onclick="LocationHash();" value="Goto Location #Top" />

หมายเหตุ ทุกคำสั่งจะต้องเขียนภายในแท็ก javascript

03 พฤศจิกายน 2555 11:09:21