JS实现浏览器菜单命令-控件新闻-慧都网

JS实现浏览器菜单命令

翻译|其它|编辑：郝浩|2007-09-12 11:06:10.000|阅读 894 次

概述：

用 js 实现菜单命令虽然在技术上讲没什么，不过这个算是比较全了。

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

一、【文件(F)】菜单中的命令的实现

　　1、〖打开〗命令的实现

　　[格式]:document.execCommand("open")

　　[说明]这跟 VB 等编程设计中的 webbrowser 控件中的命令有些相似，大家也可依此琢磨琢磨。

　　[举例]在<body></body>之间加入：

　　2、〖使用记事本编辑〗命令的实现

　　[格式]:location.replace("view-source:"+location)

　　[说明]打开记事本，在记事本中显示该网页的源代码。

　　[举例]在<body></body>之间加入：

　　<a href="#" .replace("view-source:"+location)>使用记事本编辑</a>

　　3、〖另存为〗命令的实现

　　[格式]:document.execCommand("saveAs")

　　[说明]将该网页保存到本地盘的其它目录！

　　[举例]在<body></body>之间加入：

　　4、〖打印〗命令的实现

　　[格式]:document.execCommand("print")

　　[说明]当然，你必须装了打印机！

　　[举例]在<body></body>之间加入：

　　5、〖关闭〗命令的实现

　　[格式]:window.close();return false

　　[说明]将关闭本窗口。

　　[举例]在<body></body>之间加入：

　　<a href="#" .close();return false)>关闭本窗口</a>

二、【编辑(E)】菜单中的命令的实现

　　〖全选〗命令的实现

　　[格式]:document.execCommand("selectAll")

　　[说明]将选种网页中的全部内容！

　　[举例]在<body></body>之间加入：

三、【查看(V)】菜单中的命令的实现

　　1、〖刷新〗命令的实现

　　[格式]:location.reload() 或 history.go(0)

　　[说明]浏览器重新打开本页。

　　[举例]在<body></body>之间加入：

　　或加入:<a href="#" .go(0)>刷新</a>

　　2、〖源文件〗命令的实现

　　[格式]:location.replace("view-source:"+location)

　　[说明]查看该网页的源代码。

　　[举例]在<body></body>之间加入：

　　<a href="#" .replace("view-source:"+location)>查看源文件</a>

　　3、〖全屏显示〗命令的实现

　　[格式]:window.open(document.location,"url","fullscreen")

　　[说明]全屏显示本页。

　　[举例]在<body></body>之间加入：

四、【收藏(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="#" .external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>

五、【工具(T)】菜单中的命令的实现

　　〖internet 选项〗命令的实现

　　[格式]:window.external.showBrowserUI("PrivacySettings",null)

　　[说明]打开 internet 选项对话框。

　　[举例]在<body></body>之间加入：

　　<a href="#" .external.showBrowserUI("PrivacySettings",null)>internet选项</a>

六、【工具栏】中的命令的实现

　　1、〖前进〗命令的实现

　　[格式]history.go(1) 或 history.forward()

　　[说明]浏览器打开后一个页面。

　　[举例]在<body></body>之间加入：

　　或加入:<a href="#" .forward()>前进</a>

　　2、〖后退〗命令的实现

　　[格式]:history.go(-1) 或 history.back()

　　[说明]浏览器返回上一个已浏览的页面。

　　[举例]在<body></body>之间加入：

　　或加入:<a href="#" .back()>后退</a>

　　3、〖刷新〗命令的实现

　　[格式]:document.reload() 或 history.go(0)

　　[说明]浏览器重新打开本页。

　　[举例]在<body></body>之间加入：

　　或加入:<a href="#" .go(0)>刷新</a>

七、其它命令的实现

　　〖定时关闭本窗口〗命令的实现

　　[格式]:settimeout(window.close(),关闭的时间)

　　[说明]将关闭本窗口。

　　[举例]在<body></body>之间加入：

　　<a href="#" (window.close(),3000)>3秒关闭本窗口</a>

　　如果大家还整理出其他用 javascript 实现的命令，不妨投稿来和大家分享。

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：csdn

上一篇：PHP脚本中关于拼写检查函数库下一篇：40种Javascript中常用的使用小技巧

在线采购

中文文档库

试用/Demo下载

开发社群