JS實現瀏覽器功能表命令

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

序：用js實現功能表命令雖然在技術上講沒什麼，不過這個算是比較全了。

每當我們看到別人網頁上的開啟、列印、前進、另存新檔、後退、關閉本視窗、禁用右鍵等實現瀏覽器命令的連結，而自己苦於不能實現時，是不是感到很遺憾？是不是也想實現？如果能在網頁上能實現瀏覽器的命令，將是多麼有意思的事啊！下面我們就來看看如何用Javascript代碼實現瀏覽器功能表命令(以下代碼在Windows XP下的瀏覽器中調試通過)。

一、【檔案(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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More