JS實現瀏覽器菜單命令

2024-09-06 12:45:02

字體：大中小

來源：轉載

供稿：網友

序：用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>之間加入：

上一篇：js獲取變量

下一篇：解決 FireFox 下[使用event很麻煩] 的問題.