站内搜索: 请输入搜索关键词

当前页面: 开发资料首页 → Javascript 专题 → Javascript实现浏览器菜单命令

Javascript实现浏览器菜单命令

摘要: Javascript实现浏览器菜单命令
<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible">


每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接，而自己苦于不能实现时，是不是感到很遗憾？是不是也想实现？如果能在网页上能实现浏览器的命令，将是多么有意思的事啊！下面我们就来看看如何用Javascript代码实现浏览器菜单命令(以下代码在Windows XP下的浏览器中调试通过)。

　　一、【文件(F)】菜单中的命令的实现
　　 1、〖打开〗命令的实现
　　 [格式]:document.execCommand("open")
　　 [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
　　 [举例]在<body></body>之间加入：
　　 打开
　　 2、〖使用 记事本 编辑〗命令的实现
　　 [格式]:location.replace("view-source:"+location)
　　 [说明]打开记事本，在记事本中显示该网页的源代码。
　　 [举例]在<body></body>之间加入：
　　 使用 记事本 编辑
　　 3、〖另存为〗命令的实现
　　 [格式]:document.execCommand("saveAs")
　　 [说明]将该网页保存到本地盘的其它目录！
　　 [举例]在<body></body>之间加入：
　　 另存为
　　 4、〖打印〗命令的实现
　　 [格式]:document.execCommand("print")
　　 [说明]当然，你必须装了打印机！
　　 [举例]在<body></body>之间加入：
　　 打印
　　 5、〖关闭〗命令的实现
　　 [格式]:window.close();return false
　　 [说明]将关闭本窗口。
　　 [举例]在<body></body>之间加入：
　　 关闭本窗口

　　二、【编辑(E)】菜单中的命令的实现
　　 〖全选〗命令的实现
　　 [格式]:document.execCommand("selectAll")
　　 [说明]将选种网页中的全部内容！
　　 [举例]在<body></body>之间加入：
　　 全选

　　三、【查看(V)】菜单中的命令的实现
　　 1、〖刷新〗命令的实现
　　 [格式]:location.reload() 或 history.go(0)
　　 [说明]浏览器重新打开本页。
　　 [举例]在<body></body>之间加入：
　　 刷新
　　 或加入:刷新
　　 2、〖源文件〗命令的实现
　　 [格式]:location.replace("view-source:"+location)
　　 [说明]查看该网页的源代码。
　　 [举例]在<body></body>之间加入：
　　 查看源文件
　　 3、〖全屏显示〗命令的实现
　　 [格式]:window.open(document.location,"url","fullscreen")
　　 [说明]全屏显示本页。
　　 [举例]在<body></body>之间加入：
　　 全屏显示

　　四、【收藏(A)】菜单中的命令的实现
　　 1、〖添加到收藏夹〗命令的实现
　　 [格式]:window.external.AddFavorite('url', '“网站名”)
　　 [说明]将本页添加到收藏夹。
　　 [举例]在<body></body>之间加入：
　　 添加到收藏夹
　　 2、〖整理收藏夹〗命令的实现
　　 [格式]:window.external.showBrowserUI("OrganizeFavorites",null)
　　 [说明]打开整理收藏夹对话框。
　　 [举例]在<body></body>之间加入：
　　 整理收藏夹

　　五、【工具(T)】菜单中的命令的实现
　　 〖internet选项〗命令的实现
　　 [格式]:window.external.showBrowserUI("PrivacySettings",null)
　　 [说明]打开internet选项对话框。
　　 [举例]在<body></body>之间加入：
　　 internet选项

　　六、【工具栏】中的命令的实现
　　 1、〖前进〗命令的实现
　　 [格式]history.go(1) 或 history.forward()
　　 [说明]浏览器打开后一个页面。
　　 [举例]在<body></body>之间加入：
　　 前进
　　 或加入:前进
　　 2、〖后退〗命令的实现
　　 [格式]:history.go(-1) 或 history.back()
　　 [说明]浏览器返回上一个已浏览的页面。
　　 [举例]在<body></body>之间加入：
　　 后退
　　 或加入:后退
　　 3、〖刷新〗命令的实现
　　 [格式]:document.reload() 或 history.go(0)
　　 [说明]浏览器重新打开本页。
　　 [举例]在<body></body>之间加入：
　　 刷新
　　 或加入:刷新
　　
　　 七、其它命令的实现
　　 〖定时关闭本窗口〗命令的实现
　　 [格式]:settimeout(window.close(),关闭的时间)
　　 [说明]将关闭本窗口。
　　 [举例]在<body></body>之间加入：
　　 3秒关闭本窗口

　　如果大家还整理出其他用Javascript实现的命令，不妨投稿来和大家分享。
　　 【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。
　　 打开

　　 使用 记事本 编辑

　　 另存为

　　 打印

　　 关闭本窗口

　　 全选

　　 刷新　刷新

　　 查看源文件

　　 全屏显示

　　 添加到收藏夹

　　 整理收藏夹

　　 internet选项

　　 前进1　前进2

　　 后退1　后退2

　　 3秒关闭本窗口

</td> </tr> </table></td> </tr> 　　
</td> </tr> </table> </textarea>
↑返回目录
前一篇: 几个Javascript的小工具
后一篇: 用JavaScript实现的文本框光标定位