JS实现浏览器菜单命令

原创 2006年05月28日 21:09:00

序:用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>

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

  【附】为了方便读者,下面将列出所有实例代码,你可以把它们放到一个html文件中,然后预览效果。html文件下载。

  运行代码框

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

JS实现浏览器菜单命令

每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不 是也想实现?如果能在网页上能实现浏览器的命令,将是多么...
  • kiss0kill
  • kiss0kill
  • 2006年09月14日 12:12
  • 584

JS实现浏览器菜单命令

序:用js实现菜单命令虽然在技术上讲没什么,不过这个算是比较全了。     每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是...
  • MPU
  • MPU
  • 2006年11月09日 12:38
  • 763

js实现浏览器右键菜单,屏蔽默认菜单

  • acmjk
  • acmjk
  • 2017年08月28日 16:23
  • 476

转 JS实现浏览器菜单命令

序:用js实现菜单命令虽然在技术上讲没什么,不过这个算是...
  • ln831015
  • ln831015
  • 2007年10月25日 17:15
  • 353

JS实现浏览器菜单命令(转贴)

一、【文件(F)】菜单中的命令的实现  1、〖打开〗命令的实现  [格式]:document.execCommand("open")  [说明]这跟VB等编程设计中的webbrowser控件中的命令有...
  • yuqiangyuqiang
  • yuqiangyuqiang
  • 2007年11月22日 19:00
  • 229

Javascript实现浏览器菜单命令

Javascript实现浏览器菜单命令 摘自:天极设计在线                   ...
  • geruger
  • geruger
  • 2006年09月20日 13:08
  • 867

Javascript实现浏览器菜单命令

每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有...
  • chenguang79
  • chenguang79
  • 2006年12月19日 13:44
  • 763

Javascript实现浏览器菜单命令.

Javascript实现浏览器菜单命令 摘自:天极设计在线                   人气:17340   每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现...
  • rmzhang33
  • rmzhang33
  • 2004年09月15日 11:51
  • 386

JS实现网页动态折叠菜单

最近做了一个多级菜单列表动态展示的功能,其中用到了vue.js渐进式框架、aui.css等,在此记录一下,也便于自己日后总结。 说明:vue.js不是必须要用的,因为我们项目中页面用的都是vue,因此...
  • A_Story_Donkey
  • A_Story_Donkey
  • 2017年09月12日 14:08
  • 664

7句js代码实现网页 折叠菜单

最近经常用到javascript,做了很多网页效果,其中有个折叠菜单。 网上的代码 一大堆,麻烦,而且看不懂,我就搞不懂了,写那么多代码干嘛~~~~ 所以自己写了个。 主要用到了 jquery和u...
  • u010402518
  • u010402518
  • 2013年05月08日 22:13
  • 7252
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS实现浏览器菜单命令
举报原因:
原因补充:

(最多只允许输入30个字)