Setiap kali kita melihat tautan di halaman web orang lain yang menerapkan perintah browser seperti buka, cetak, teruskan, simpan sebagai, kembali, tutup jendela ini, nonaktifkan klik kanan, dll., tetapi kita sendiri tidak dapat menerapkannya, apakah kita merasakannya? sedih? Apakah Anda juga ingin mencapainya? Alangkah menariknya jika perintah browser bisa diimplementasikan pada halaman web! Mari kita lihat cara menggunakan kode Javascript untuk mengimplementasikan perintah menu browser (kode berikut telah di-debug di browser pada Windows XP), Wulin.com, www.vevb.com.
1. Implementasi perintah pada menu [File (F)].
1. Implementasi perintah "Buka".
[Format]:document.execCommand(terbuka)
[Penjelasan] Ini agak mirip dengan perintah pada kontrol browser web di VB dan desain pemrograman lainnya. Anda juga dapat memikirkannya berdasarkan ini.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=document.execCommand(open)>Buka</a>
2. Implementasi perintah "Edit dengan Notepad".
[Format]:lokasi.ganti(sumber tampilan:+lokasi)
[Instruksi] Buka Notepad dan tampilkan kode sumber halaman web di Notepad.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=location.replace(view-source:+location)>Edit dengan Notepad</a>
3. Implementasi perintah "Simpan sebagai".
[Format]:document.execCommand(saveAs)
[Instruksi] Simpan halaman web ini ke direktori lain di disk lokal!
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=document.execCommand(saveAs)>Simpan Sebagai</a>
4. Implementasi perintah 〖Cetak〗
[Format]:document.execCommand(cetak)
[Petunjuk] Tentu saja, Anda harus sudah menginstal printer!
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=document.execCommand(print)>Cetak</a>
5. Implementasi perintah “Tutup”.
[Format]:window.close();kembali salah
[Deskripsi] Jendela ini akan ditutup.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=window.close();return false)>Tutup jendela ini</a>
2. Implementasi perintah pada menu [Edit (E)].
Implementasi perintah "Pilih Semua".
[Format]:document.execCommand(pilihSemua)
[Deskripsi] Semua konten di halaman web akan dipilih!
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=document.execCommand(selectAll)>Pilih Semua</a>
3. Implementasi perintah pada menu [View (V)].
1. Implementasi perintah "Refresh".
[Format]:lokasi.reload() atau history.go(0)
[Instruksi] Buka kembali halaman ini di browser Anda.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=location.reload()>Segarkan</a>
Atau tambahkan:<a href=# onclick=history.go(0)>Segarkan</a>
2. Implementasi perintah 〖File Sumber〗
[Format]:lokasi.ganti(sumber tampilan:+lokasi)
[Instruksi] Lihat kode sumber halaman web ini.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=location.replace(view-source:+location)>Lihat file sumber</a>
3. Implementasi perintah 〖Tampilan Layar Penuh〗
[Format]:window.open(dokumen.lokasi,url,layar penuh)
[Instruksi] Tampilkan halaman ini dalam layar penuh.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=window.open(document.location,url,fullscreen)>Tampilan layar penuh</a>
4. Implementasi perintah pada menu [Koleksi (A)].
1. Implementasi perintah "Tambahkan ke Favorit".
[Format]:window.external.AddFavorite('url', 'nama situs web)
[Instruksi] Tambahkan halaman ini ke favorit.
[Contoh] Tambahkan antara <body></body>:
<a href=javascript:window.external.AddFavorite('http://oh.jilinfarm.com', 'beranda pribadi Hu Mingxin')>Tambahkan ke favorit</a>
2. Implementasi perintah "Atur Favorit".
[Format]:window.external.showBrowserUI(Atur Favorit, null)
[Deskripsi] Buka kotak dialog Atur Favorit.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=window.external.showBrowserUI(OrganizeFavorites,null)>Atur favorit</a>
5. Implementasi perintah pada menu [Tools (T)].
Implementasi perintah 〖opsi internet〗
[Format]:window.external.showBrowserUI(Pengaturan Privasi,null)
[Deskripsi] Buka kotak dialog opsi internet.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=window.external.showBrowserUI(PrivacySettings,null)>opsi internet</a>
6. Implementasi perintah di [Toolbar]
1. Implementasi perintah 〖Maju〗
[Format]history.go(1) atau history.forward()
[Penjelasan] Browser membuka halaman berikutnya.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=history.go(1)>Teruskan</a>
Atau bergabunglah:<a href=# onclick=history.forward()>Teruskan</a>
2. Implementasi perintah “Kembali”.
[Format]:history.go(-1) atau history.back()
[Deskripsi] Browser kembali ke halaman yang dilihat sebelumnya.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=history.go(-1)>Kembali</a>
Atau tambahkan:<a href=# onclick=history.back()>Kembali</a>
3. Implementasi perintah “Refresh”.
[Format]:document.reload() atau history.go(0)
[Instruksi] Buka kembali halaman ini di browser Anda.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=location.reload()>Segarkan</a>
Atau tambahkan:<a href=# onclick=history.go(0)>Segarkan</a>
7. Implementasi perintah lainnya
Implementasi perintah "Tutup jendela ini secara teratur".
[Format]:settimeout(window.close(), waktu tutup)
[Deskripsi] Jendela ini akan ditutup.
[Contoh] Tambahkan antara <body></body>:
<a href=# onclick=setTimeout(window.close(),3000)>Tutup jendela ini dalam 3 detik</a>