他の人の Web ページ上のリンクで、開く、印刷、進む、名前を付けて保存、戻る、このウィンドウを閉じる、右クリックを無効にするなどのブラウザ コマンドが実装されているのに、自分ではそれらを実装できないと感じますか。残念？あなたもそれを達成したいですか？ブラウザのコマンドを Web ページに実装できたらどんなに面白いでしょう。 Javascript コードを使用してブラウザ メニュー コマンドを実装する方法を見てみましょう (次のコードは Windows XP のブラウザでデバッグされています) (Wulin.com、www.vevb.com)。
1. [ファイル(F)]メニューのコマンドの実装
1.「開く」コマンドの実装
[形式]:document.execCommand(open)
[説明] これは、VB やその他のプログラミング設計の Web ブラウザー コントロールのコマンドに似ています。これをベースに考えることもできます。
[例] <body></body>の間に追加します。
<a href=# onclick=document.execCommand(open)>開く</a>
2.「メモ帳で編集」コマンドの実装
[形式]:location.replace(ビューソース:+場所)
[手順] メモ帳を開き、Web ページのソースコードをメモ帳に表示します。
[例] <body></body>の間に追加します。
<a href=# onclick=location.replace(view-source:+location)>メモ帳で編集</a>
3.「名前を付けて保存」コマンドの実装
[形式]:document.execCommand(名前を付けて保存)
[手順] この Web ページをローカル ディスク上の別のディレクトリに保存してください。
[例] <body></body>の間に追加します。
<a href=# onclick=document.execCommand(saveAs)>名前を付けて保存</a>
4. 〖Print〗コマンドの実装
[形式]:document.execCommand(print)
【解説】 もちろんプリンターがインストールされている必要があります！
[例] <body></body>の間に追加します。
<a href=# onclick=document.execCommand(print)>印刷</a>
5.「閉じる」コマンドの実装
[形式]:window.close();return false
【説明】 このウィンドウを閉じます。
[例] <body></body>の間に追加します。
<a href=# onclick=window.close();return false)>このウィンドウを閉じる</a>
2. [編集(E)]メニューのコマンドの実装
「すべて選択」コマンドの実装
[形式]:document.execCommand(selectAll)
【説明】 Webページ内のすべてのコンテンツが選択されます！
[例] <body></body>の間に追加します。
<a href=# onclick=document.execCommand(selectAll)>すべて選択</a>
3. [表示(V)]メニューのコマンドの実装
1.「リフレッシュ」コマンドの実装
[形式]:location.reload() またはhistory.go(0)
【手順】ブラウザでこのページを再度開いてください。
[例] <body></body>の間に追加します。
<a href=# onclick=location.reload()>更新</a>
または、<a href=# onclick=history.go(0)>更新</a>を追加します。
2. 〖ソースファイル〗コマンドの実装
[形式]:location.replace(ビューソース:+場所)
【使い方】 このWebページのソースコードをご覧ください。
[例] <body></body>の間に追加します。
<a href=# onclick=location.replace(view-source:+location)>ソース ファイルを表示</a>
3. 〖全画面表示〗コマンドの実装
[形式]:window.open(document.location,url,fullscreen)
【操作方法】 このページを全画面で表示します。
[例] <body></body>の間に追加します。
<a href=# onclick=window.open(document.location,url,fullscreen)>全画面表示</a>
4. [コレクション(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. [ツール(T)]メニューのコマンドの実装
〖インターネットオプション〗コマンドの実装
[形式]:window.external.showBrowserUI(PrivacySettings,null)
[説明] インターネットオプションダイアログボックスを開きます。
[例] <body></body>の間に追加：
<a href=# onclick=window.external.showBrowserUI(PrivacySettings,null)>インターネット オプション</a>
6. [ツールバー]でのコマンドの実装
1. 〖Forward〗コマンドの実装
[形式]history.go(1)またはhistory.forward()
【説明】 ブラウザが次のページを開きます。
[例] <body></body>の間に追加：
<a href=# onclick=history.go(1)>進む</a>
または、<a href=# onclick=history.forward()>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>