+ แนะนำ
+ เรื่องของตัวแปร
+ Operator
+ Statement
+ Function
+ Event
+ OOP

+ Windows
+ Document Object
+ Form
+ Link
+ Image
+ Math Function
+ String

Link

ความสามารถในการกระโดด จาก Webpage หน้านึงไปสู่อีกหน้านึง เป็นเอกลักษณ์ของ Web ในการ click เพียงครั้งเดียวที่ตัว links เราก็สามารเดินทางไปเที่ยวรอบโลกได้แล้วครับ
ในบทนี้คุณจะได้เรียนรู้ว่าจะใช้ JavaScript เพิ่มความสามารถให้กับ links ได้อย่างไร จะใช้ location load ข้อมูลจาก URLs ที่กำหนดได้อย่างไร จะใส่ JavaScript ลงใน links ของเอกสารได้อย่างไร จะใช้ history เก็บข้อมูลของ URLs ที่ผู้ใช้ผ่านมาได้อย่างไร

- ส่วนประกอบของ URLs
- โพรโตคอล javascript:
- Location Object
- Link Object
- The Link() Method
- History Object

ส่วนประกอบของ URLs
Universal resource locator หรือ URLs เนี่ย เป็นมาตรฐานของ Address ต่างๆใน Internet เวลาคุณต้องการจะไปที่ไหน คุณก็ต้องพิมพ์ URLs ลงไปในช่อง Address ของ Browser ทีนี้ ก่อนที่เราจะศึกษา JavaScript เรามาศึกษารายละเอียดของการใช้ URLs กันก่อนดีไหมครับ
URLs ส่วนใหญ่จะอยู่ในรูปแบบนี้ครับ :

protocol//hostname[:port] path search hash

protocol เป็นวิธีการในการขอการบริการใน Internet เช่น http:,ftp:,mailto: และ file: และคุณจะได้ศึกษา Protocol ของ JavaScript เพิ่มเติมในบทนี้ครับ hostname ก็คือชื่อเต็มของ host ที่มีเราติดต่อไปเช่น realdev.truehits.net port เป็นการกำหนดหมายเลข TCP port ที่จะใช้กับ Protocol ตัวอย่าง port ที่เรารู้จักดีก็เช่น port 80 ของ http: path คือ ไดเรกทอรีของข้อมูล วิธีเขียน slash จะใช้ตามแบบ UNIX เช่น /javascript/charpter11.php search เป็นส่วนที่ CGI ของ search engine ต่างๆเพิ่มให้เรา เพื่อใช้ส่งค่าตัวแปรของ CGI hash เป็นชื่อ URLs ที่ถูกกำหนดใน file ทำให้สามารถ links ไปยังจุดต่างๆในหน้าเดียวกันได้ (มักใช้กับ Webpage ยาวๆ) เครื่องหมายของ hash ก็คือ # เช่น #p2

<< Back :: ^ top ^

โพรโตคอล javascript:
นอกจาก Protocols ทั่วไปแล้ว เบราเซอร์ที่สนับสนุน JavaScript ยังมีโพรโตคอล javascript: อีกตัวหนึ่ง ใช้สำหรับ run คำสั่ง javascript โดยไม่ต้องอาศัยเท็ก <script> แต่สามารถเรียกคำสั่งมาทำงานได้ทันที โดยการพิมพ์ลงไปในช่อง address หรือจะทำเป็น links ก็ได้ เช่น

ถ้าคุณพิมพ์ javascript:Date() ลงในช่อง address เบราเซอร์จะแสดงวันที่ และเวลาปัจจุบัน
ถ้าคุณพิมพ์ javascript:(4+4)*5 เบราเซอร์จะแสดงผลลัพธ์การคำนวณคือ 40
ถ้าคุณพิมพ์ javascript:"<H1>"+"What's up?"+"</H1>" บราเซอร์จะแสดงคำว่า "What's up?" ในขนาด H1

ถ้าคุณต้องการทำตัวลิงก์ แต่ไม่ต้องการลิงก์ไปไหน ก็อาจใช้คำสั่งนี้ครับ

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
<a href="javascript:void(0)">no taget links</a>

และนี่คือผลที่ได้ครับ เป็นตัวลิงก์ที่คลิกไปก็ไม่เกิดอะไรขึ้น

no taget links

<< Back :: ^ top ^

Location Object
location จะให้ค่าต่างๆของ document ปัจจุบันที่สดงบน window และ location ไม่อนุญาติ ให้คุณ set ค่าต่างๆ ใน Properties (เป็น read-only)
การอ้างถึง location ให้มอง locatiion เป็น Property ของ document แบบนี้ครับ

document.location

Properties ของ location มีดังนี้ครับ

location มี methods อยู่ 2 ตัวคือ reload() และ replace() ครับ

reload() ใช้ reload ข้อมูลจาก Webpage
replace() ใช้ load ข้อมูลจาก URL ที่กำหนด ตัวอย่างการใช้ครับ

ตัวอย่างการใช้ครับ

<< Back :: ^ top ^

เรื่องนี้ยังมีอีก >>