當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS实现浏览器菜单命令
生活随笔
收集整理的這篇文章主要介紹了
JS实现浏览器菜单命令
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
JS實(shí)現(xiàn)瀏覽器菜單命令
每當(dāng)我們看到別人網(wǎng)頁上的打開、打印、前進(jìn)、另存為、后退、關(guān)閉本窗口、禁用右鍵等實(shí)現(xiàn)瀏覽器命令的鏈接，而自己苦于不能實(shí)現(xiàn)時(shí)，是不是感到很遺憾？是不是也想實(shí)現(xiàn)？如果能在網(wǎng)頁上能實(shí)現(xiàn)瀏覽器的命令，將是多么有意思的事啊！下面我們就來看看如何用Javascript代碼實(shí)現(xiàn)瀏覽器菜單命令(以下代碼在Windows XP下的瀏覽器中調(diào)試通過)。
一、【文件(F)】菜單中的命令的實(shí)現(xiàn)
1、〖打開〗命令的實(shí)現(xiàn)
[格式]:document.execCommand("open")
[說明]這跟VB等編程設(shè)計(jì)中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("open")>打開</a>
2、〖使用 記事本 編輯〗命令的實(shí)現(xiàn)?
[格式]:location.replace("view-source:"+location)
[說明]打開記事本，在記事本中顯示該網(wǎng)頁的源代碼。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.replace("view-source:"+location)>使用 記事本 編輯</a>
3、〖另存為〗命令的實(shí)現(xiàn)?
[格式]:document.execCommand("saveAs")
[說明]將該網(wǎng)頁保存到本地盤的其它目錄！
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("saveAs")>另存為</a>
4、〖打印〗命令的實(shí)現(xiàn)?
[格式]:document.execCommand("print")
[說明]當(dāng)然，你必須裝了打印機(jī)！
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("print")>打印</a>
5、〖關(guān)閉〗命令的實(shí)現(xiàn)?
[格式]:window.close();return false
[說明]將關(guān)閉本窗口。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.close();return false)>關(guān)閉本窗口</a>
二、【編輯(E)】菜單中的命令的實(shí)現(xiàn)
〖全選〗命令的實(shí)現(xiàn)?
[格式]:document.execCommand("selectAll")
[說明]將選種網(wǎng)頁中的全部內(nèi)容！
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("selectAll")>全選</a>
三、【查看(V)】菜單中的命令的實(shí)現(xiàn)
1、〖刷新〗命令的實(shí)現(xiàn)?
[格式]:location.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.reload()>刷新</a>
或加入:<a href="#" οnclick=history.go(0)>刷新</a>?
2、〖源文件〗命令的實(shí)現(xiàn)?
[格式]:location.replace("view-source:"+location)
[說明]查看該網(wǎng)頁的源代碼。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.replace("view-source:"+location)>查看源文件</a>
3、〖全屏顯示〗命令的實(shí)現(xiàn)?
[格式]:window.open(document.location,"url","fullscreen")
[說明]全屏顯示本頁。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.open(document.location,"url","fullscreen")>全屏顯示</a>
四、【收藏(A)】菜單中的命令的實(shí)現(xiàn)
1、〖添加到收藏夾〗命令的實(shí)現(xiàn)?
[格式]:window.external.AddFavorite('url', '“網(wǎng)站名”)
[說明]將本頁添加到收藏夾。
[舉例]在<body></body>之間加入：
<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的個(gè)人主頁')">添加到收藏夾</a>?
2、〖整理收藏夾〗命令的實(shí)現(xiàn)?
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[說明]打開整理收藏夾對話框。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a>?
五、【工具(T)】菜單中的命令的實(shí)現(xiàn)
〖internet選項(xiàng)〗命令的實(shí)現(xiàn)?
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[說明]打開internet選項(xiàng)對話框。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項(xiàng)</a>?
六、【工具欄】中的命令的實(shí)現(xiàn)
1、〖前進(jìn)〗命令的實(shí)現(xiàn)?
[格式]history.go(1) 或 history.forward()
[說明]瀏覽器打開后一個(gè)頁面。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=history.go(1)>前進(jìn)</a>
或加入:<a href="#" οnclick=history.forward()>前進(jìn)</a>
2、〖后退〗命令的實(shí)現(xiàn)?
[格式]:history.go(-1) 或 history.back()
[說明]瀏覽器返回上一個(gè)已瀏覽的頁面。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=history.go(-1)>后退</a>
或加入:<a href="#" οnclick=history.back()>后退</a>
3、〖刷新〗命令的實(shí)現(xiàn)?
[格式]:document.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.reload()>刷新</a>
或加入:<a href="#" οnclick=history.go(0)>刷新</a>?
七、其它命令的實(shí)現(xiàn)?
〖定時(shí)關(guān)閉本窗口〗命令的實(shí)現(xiàn)?
[格式]:settimeout(window.close(),關(guān)閉的時(shí)間)
[說明]將關(guān)閉本窗口。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=setTimeout(window.close(),3000)>3秒關(guān)閉本窗口</a>
如果大家還整理出其他用Javascript實(shí)現(xiàn)的命令，不妨投稿來和大家分享。
【附】為了方便讀者，下面將列出所有實(shí)例代碼，你可以把它們放到一個(gè)html文件中，然后預(yù)覽效果。html文件下載。
<a href="#" οnclick=document.execCommand("open")>打開</a><br>
<a href="#" οnclick=location.replace("view-source:"+location)>使用 記事本 編輯</a><br>
<a href="#" οnclick=document.execCommand("saveAs")>另存為</a><br>
<a href="#" οnclick=document.execCommand("print")>打印</a><br>
<a href="#" οnclick=window.close();return false)>關(guān)閉本窗口</a><br>
<a href="#" οnclick=document.execCommand("selectAll")>全選</a><br>
<a href="#" οnclick=location.reload()>刷新</a><a href="#" οnclick=history.go(0)>刷新</a><br>?
<a href="#" οnclick=location.replace("view-source:"+location)>查看源文件</a> <br>
<a href="#" οnclick=window.open(document.location,"url","fullscreen")>全屏顯示</a> <br>?
<a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天極網(wǎng)頁陶吧')">添加到收藏夾</a> <br>
<a href="#" οnclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a> <br>
<a href="#" οnclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項(xiàng)</a> <br>
<a href="#" οnclick=history.go(1)>前進(jìn)1</a><a href="#" οnclick=history.forward()>前進(jìn)2</a><br>
<a href="#" οnclick=history.go(-1)>后退1</a><a href="#" οnclick=history.back()>后退2</a><br>
<a href="#" οnclick=setTimeout(window.close(),3000)>3秒關(guān)閉本窗口</a><br>
每當(dāng)我們看到別人網(wǎng)頁上的打開、打印、前進(jìn)、另存為、后退、關(guān)閉本窗口、禁用右鍵等實(shí)現(xiàn)瀏覽器命令的鏈接，而自己苦于不能實(shí)現(xiàn)時(shí)，是不是感到很遺憾？是不是也想實(shí)現(xiàn)？如果能在網(wǎng)頁上能實(shí)現(xiàn)瀏覽器的命令，將是多么有意思的事啊！下面我們就來看看如何用Javascript代碼實(shí)現(xiàn)瀏覽器菜單命令(以下代碼在Windows XP下的瀏覽器中調(diào)試通過)。
一、【文件(F)】菜單中的命令的實(shí)現(xiàn)
1、〖打開〗命令的實(shí)現(xiàn)
[格式]:document.execCommand("open")
[說明]這跟VB等編程設(shè)計(jì)中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("open")>打開</a>
2、〖使用 記事本 編輯〗命令的實(shí)現(xiàn)?
[格式]:location.replace("view-source:"+location)
[說明]打開記事本，在記事本中顯示該網(wǎng)頁的源代碼。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.replace("view-source:"+location)>使用 記事本 編輯</a>
3、〖另存為〗命令的實(shí)現(xiàn)?
[格式]:document.execCommand("saveAs")
[說明]將該網(wǎng)頁保存到本地盤的其它目錄！
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("saveAs")>另存為</a>
4、〖打印〗命令的實(shí)現(xiàn)?
[格式]:document.execCommand("print")
[說明]當(dāng)然，你必須裝了打印機(jī)！
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("print")>打印</a>
5、〖關(guān)閉〗命令的實(shí)現(xiàn)?
[格式]:window.close();return false
[說明]將關(guān)閉本窗口。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.close();return false)>關(guān)閉本窗口</a>
二、【編輯(E)】菜單中的命令的實(shí)現(xiàn)
〖全選〗命令的實(shí)現(xiàn)?
[格式]:document.execCommand("selectAll")
[說明]將選種網(wǎng)頁中的全部內(nèi)容！
[舉例]在<body></body>之間加入：
<a href="#" οnclick=document.execCommand("selectAll")>全選</a>
三、【查看(V)】菜單中的命令的實(shí)現(xiàn)
1、〖刷新〗命令的實(shí)現(xiàn)?
[格式]:location.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.reload()>刷新</a>
或加入:<a href="#" οnclick=history.go(0)>刷新</a>?
2、〖源文件〗命令的實(shí)現(xiàn)?
[格式]:location.replace("view-source:"+location)
[說明]查看該網(wǎng)頁的源代碼。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.replace("view-source:"+location)>查看源文件</a>
3、〖全屏顯示〗命令的實(shí)現(xiàn)?
[格式]:window.open(document.location,"url","fullscreen")
[說明]全屏顯示本頁。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.open(document.location,"url","fullscreen")>全屏顯示</a>
四、【收藏(A)】菜單中的命令的實(shí)現(xiàn)
1、〖添加到收藏夾〗命令的實(shí)現(xiàn)?
[格式]:window.external.AddFavorite('url', '“網(wǎng)站名”)
[說明]將本頁添加到收藏夾。
[舉例]在<body></body>之間加入：
<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的個(gè)人主頁')">添加到收藏夾</a>?
2、〖整理收藏夾〗命令的實(shí)現(xiàn)?
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[說明]打開整理收藏夾對話框。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a>?
五、【工具(T)】菜單中的命令的實(shí)現(xiàn)
〖internet選項(xiàng)〗命令的實(shí)現(xiàn)?
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[說明]打開internet選項(xiàng)對話框。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項(xiàng)</a>?
六、【工具欄】中的命令的實(shí)現(xiàn)
1、〖前進(jìn)〗命令的實(shí)現(xiàn)?
[格式]history.go(1) 或 history.forward()
[說明]瀏覽器打開后一個(gè)頁面。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=history.go(1)>前進(jìn)</a>
或加入:<a href="#" οnclick=history.forward()>前進(jìn)</a>
2、〖后退〗命令的實(shí)現(xiàn)?
[格式]:history.go(-1) 或 history.back()
[說明]瀏覽器返回上一個(gè)已瀏覽的頁面。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=history.go(-1)>后退</a>
或加入:<a href="#" οnclick=history.back()>后退</a>
3、〖刷新〗命令的實(shí)現(xiàn)?
[格式]:document.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=location.reload()>刷新</a>
或加入:<a href="#" οnclick=history.go(0)>刷新</a>?
七、其它命令的實(shí)現(xiàn)?
〖定時(shí)關(guān)閉本窗口〗命令的實(shí)現(xiàn)?
[格式]:settimeout(window.close(),關(guān)閉的時(shí)間)
[說明]將關(guān)閉本窗口。
[舉例]在<body></body>之間加入：
<a href="#" οnclick=setTimeout(window.close(),3000)>3秒關(guān)閉本窗口</a>
如果大家還整理出其他用Javascript實(shí)現(xiàn)的命令，不妨投稿來和大家分享。
【附】為了方便讀者，下面將列出所有實(shí)例代碼，你可以把它們放到一個(gè)html文件中，然后預(yù)覽效果。html文件下載。
<a href="#" οnclick=document.execCommand("open")>打開</a><br>
<a href="#" οnclick=location.replace("view-source:"+location)>使用 記事本 編輯</a><br>
<a href="#" οnclick=document.execCommand("saveAs")>另存為</a><br>
<a href="#" οnclick=document.execCommand("print")>打印</a><br>
<a href="#" οnclick=window.close();return false)>關(guān)閉本窗口</a><br>
<a href="#" οnclick=document.execCommand("selectAll")>全選</a><br>
<a href="#" οnclick=location.reload()>刷新</a><a href="#" οnclick=history.go(0)>刷新</a><br>?
<a href="#" οnclick=location.replace("view-source:"+location)>查看源文件</a> <br>
<a href="#" οnclick=window.open(document.location,"url","fullscreen")>全屏顯示</a> <br>?
<a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天極網(wǎng)頁陶吧')">添加到收藏夾</a> <br>
<a href="#" οnclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a> <br>
<a href="#" οnclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項(xiàng)</a> <br>
<a href="#" οnclick=history.go(1)>前進(jìn)1</a><a href="#" οnclick=history.forward()>前進(jìn)2</a><br>
<a href="#" οnclick=history.go(-1)>后退1</a><a href="#" οnclick=history.back()>后退2</a><br>
<a href="#" οnclick=setTimeout(window.close(),3000)>3秒關(guān)閉本窗口</a><br>
轉(zhuǎn)載于:https://www.cnblogs.com/vcool/archive/2007/11/09/954610.html
總結(jié)
以上是生活随笔為你收集整理的JS实现浏览器菜单命令的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 思科二层冗余技术对比---PortCha
- 下一篇： 【JS小知识】this的指向、工厂方法、