每當我們看到別人網頁上的打開、打印、前進、另存為、後退、關閉本窗口、禁用右鍵等實現瀏覽器命令的鏈接,而自己苦於不能實現時,是不是感到很遺憾?是不是也想實現?如果能在網頁上能實現瀏覽器的命令,將是多麼有趣的事啊!下面我們就來看看如何用Javascript程式碼實作瀏覽器選單指令(以下程式碼在Windows XP下的瀏覽器中除錯通過),武林網,www.vevb.com 。
一、【檔案(F)】選單中的指令的實現
1、〖打開〗命令的實現
[格式]:document.execCommand(open)
[說明]這跟VB等程式設計中的webbrowser控制中的指令有些相似,大家也可依此琢磨琢磨。
[舉例]在<body></body>之間加入:
<a href=# onclick=document.execCommand(open)>開啟</a>
2、〖使用記事本編輯〗命令的實現
[格式]:location.replace(view-source:+location)
[說明]開啟記事本,在記事本中顯示該網頁的原始碼。
[舉例]在<body></body>之間加入:
<a href=# onclick=location.replace(view-source:+location)>使用記事本編輯</a>
3、〖另存為〗命令的實現
[格式]:document.execCommand(saveAs)
[說明]將該網頁儲存到本機磁碟的其它目錄!
[舉例]在<body></body>之間加入:
<a href=# onclick=document.execCommand(saveAs)>另存為</a>
4、〖列印〗命令的實現
[格式]: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>
二、【編輯(E)】選單中的指令的實現
〖全選〗命令的實現
[格式]:document.execCommand(selectAll)
[說明]將選種網頁中的全部內容!
[舉例]在<body></body>之間加入:
<a href=# onclick=document.execCommand(selectAll)>全選</a>
三、【查看(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(view-source:+location)
[說明]查看該網頁的原始碼。
[舉例]在<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>
四、【收藏(A)】菜單中的指令的實現
1、〖添加到收藏夾〗命令的實現
[格式]:window.external.AddFavorite('url', '網站名稱)
[說明]將本頁新增至收藏夾。
[舉例]在<body></body>之間加入:
<a href=javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的個人主頁')>加入到收藏夾</a>
2、〖整理收藏夾〗命令的實現
[格式]:window.external.showBrowserUI(OrganizeFavorites,null)
[說明]開啟整理收藏夾對話框。
[舉例]在<body></body>之間加入:
<a href=# onclick=window.external.showBrowserUI(OrganizeFavorites,null)>整理收藏夾</a>
五、【工具(T)】選單中的指令的實現
〖internet選項〗指令的實現
[格式]:window.external.showBrowserUI(PrivacySettings,null)
[說明]開啟internet選項對話框。
[舉例]在<body></body>之間加入:
<a href=# onclick=window.external.showBrowserUI(PrivacySettings,null)>internet選項</a>
六、【工具列】中的指令的實現
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>
七、其它命令的實現
〖定時關閉本視窗〗指令的實現
[格式]:settimeout(window.close(),關閉的時間)
[說明]將關閉本視窗。
[舉例]在<body></body>之間加入:
<a href=# onclick=setTimeout(window.close(),3000)>3秒關閉本視窗</a>