เมื่อใดก็ตามที่เราเห็นลิงก์บนหน้าเว็บของผู้อื่นที่ใช้คำสั่งเบราว์เซอร์ เช่น เปิด พิมพ์ ส่งต่อ บันทึกเป็น ย้อนกลับ ปิดหน้าต่างนี้ ปิดใช้งานการคลิกขวา ฯลฯ แต่เราไม่สามารถดำเนินการได้ด้วยตัวเอง เรารู้สึกไหม เสียใจ? คุณยังต้องการที่จะบรรลุเป้าหมายนั้นหรือไม่? จะน่าสนใจขนาดไหนหากสามารถใช้คำสั่งของเบราว์เซอร์บนหน้าเว็บได้! มาดูวิธีใช้โค้ด Javascript เพื่อใช้คำสั่งเมนูเบราว์เซอร์ (โค้ดต่อไปนี้ได้รับการดีบั๊กในเบราว์เซอร์ภายใต้ Windows XP), Wulin.com, www.vevb.com
1. การใช้คำสั่งในเมนู [ไฟล์ (F)]
1. การใช้คำสั่ง "เปิด"
[รูปแบบ]:document.execCommand(เปิด)
[คำอธิบาย] สิ่งนี้ค่อนข้างคล้ายกับคำสั่งในการควบคุมเว็บเบราว์เซอร์ใน VB และการออกแบบการเขียนโปรแกรมอื่น ๆ คุณสามารถคิดตามสิ่งนี้ได้
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=document.execCommand(open)>เปิด</a>
2. การใช้คำสั่ง "แก้ไขด้วย Notepad"
[รูปแบบ]:location.replace(view-source:+location)
[คำแนะนำ] เปิด Notepad และแสดงซอร์สโค้ดของหน้าเว็บใน Notepad
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=location.replace(view-source:+location)>แก้ไขด้วย Notepad</a>
3. การใช้คำสั่ง "บันทึกเป็น"
[รูปแบบ]:document.execCommand(saveAs)
[คำแนะนำ] บันทึกหน้าเว็บนี้ไปยังไดเร็กทอรีอื่นบนโลคัลดิสก์!
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=document.execCommand(saveAs)>บันทึกเป็น</a>
4. การใช้คำสั่ง 〖Print〗
[รูปแบบ]:document.execCommand(พิมพ์)
[คำอธิบาย] แน่นอนคุณต้องติดตั้งเครื่องพิมพ์ไว้!
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=document.execCommand(พิมพ์)>พิมพ์</a>
5. การใช้คำสั่ง "ปิด"
[รูปแบบ]:window.close();ส่งคืนเท็จ
[คำอธิบาย] หน้าต่างนี้จะถูกปิด
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=window.close();return false)>ปิดหน้าต่างนี้</a>
2. การใช้คำสั่งในเมนู [แก้ไข (E)]
การใช้คำสั่ง "เลือกทั้งหมด"
[รูปแบบ]:document.execCommand(เลือกทั้งหมด)
[Description] เนื้อหาทั้งหมดในหน้าเว็บจะถูกเลือก!
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=document.execCommand(selectAll)>เลือกทั้งหมด</a>
3. การใช้คำสั่งในเมนู [View (V)]
1. การใช้คำสั่ง "รีเฟรช"
[รูปแบบ]:location.reload() หรือ history.go(0)
[คำแนะนำ] เปิดหน้านี้อีกครั้งในเบราว์เซอร์ของคุณ
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=location.reload()>รีเฟรช</a>
หรือเพิ่ม:<a href=# onclick=history.go(0)>รีเฟรช</a>
2. การใช้คำสั่ง 〖Source File〗
[รูปแบบ]:location.replace(view-source:+location)
[คำแนะนำ] ดูซอร์สโค้ดของหน้าเว็บนี้
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=location.replace(view-source:+location)>ดูไฟล์ต้นฉบับ</a>
3. การใช้งานคำสั่ง 〖Full Screen Display〗
[รูปแบบ]:window.open(document.location,url,fullscreen)
[คำแนะนำ] แสดงหน้านี้แบบเต็มหน้าจอ
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=window.open(document.location,url,fullscreen)>การแสดงผลแบบเต็มหน้าจอ</a>
4. การใช้คำสั่งในเมนู [Collection (A)]
1. การใช้คำสั่ง "เพิ่มในรายการโปรด"
[รูปแบบ]:window.external.AddFavorite('url', 'ชื่อเว็บไซต์)
[คำแนะนำ] เพิ่มหน้านี้ในรายการโปรด
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=javascript:window.external.AddFavorite('http://oh.jilinfarm.com', 'หน้าแรกส่วนตัวของ Hu Mingxin')>เพิ่มในรายการโปรด</a>
2. การใช้คำสั่ง "จัดระเบียบรายการโปรด"
[รูปแบบ]:window.external.showBrowserUI(จัดระเบียบรายการโปรด,null)
[คำอธิบาย] เปิดกล่องโต้ตอบจัดระเบียบรายการโปรด
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=window.external.showBrowserUI(OrganizeFavorites,null)>จัดระเบียบรายการโปรด</a>
5. การใช้คำสั่งในเมนู [Tools (T)]
การใช้งานคำสั่ง 〖internet option〗
[รูปแบบ]:window.external.showBrowserUI(การตั้งค่าความเป็นส่วนตัว,null)
[คำอธิบาย] เปิดกล่องโต้ตอบตัวเลือกอินเทอร์เน็ต
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=window.external.showBrowserUI(PrivacySettings,null)>ตัวเลือกอินเทอร์เน็ต</a>
6. การใช้คำสั่งใน [Toolbar]
1. การดำเนินการตามคำสั่ง 〖ไปข้างหน้า〗
[รูปแบบ]history.go(1) หรือ history.forward()
[คำอธิบาย] เบราว์เซอร์จะเปิดหน้าถัดไป
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=history.go(1)>ไปข้างหน้า</a>
หรือเข้าร่วม:<a href=# onclick=history.forward()>ส่งต่อ</a>
2. การใช้คำสั่ง "ย้อนกลับ"
[รูปแบบ]:history.go(-1) หรือ history.back()
[คำอธิบาย] เบราว์เซอร์จะกลับไปยังหน้าที่ดูก่อนหน้า
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=history.go(-1)>กลับ</a>
หรือเพิ่ม:<a href=# onclick=history.back()>ย้อนกลับ</a>
3. การใช้คำสั่ง "รีเฟรช"
[รูปแบบ]:document.reload() หรือ history.go(0)
[คำแนะนำ] เปิดหน้านี้อีกครั้งในเบราว์เซอร์ของคุณ
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=location.reload()>รีเฟรช</a>
หรือเพิ่ม:<a href=# onclick=history.go(0)>รีเฟรช</a>
7. การดำเนินการตามคำสั่งอื่น ๆ
การใช้คำสั่ง "ปิดหน้าต่างนี้เป็นประจำ"
[รูปแบบ]:settimeout(window.close(), เวลาปิด)
[คำอธิบาย] หน้าต่างนี้จะถูกปิด
[ตัวอย่าง] เพิ่มระหว่าง <body></body>:
<a href=# onclick=setTimeout(window.close(),3000)>ปิดหน้าต่างนี้ใน 3 วินาที</a>