Javascript实现浏览器菜单命令

每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有意思的事啊!下面我们就来看看如何用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="java script: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文件中,然后预览效果。 
   <a href="#" onclick=document.execCommand("open")>打开</a><br> 
   <a href="#" onclick=location.replace("view-source:"+location)>使用 记事本 编辑</a><br> 
   <a href="#" onclick=document.execCommand("saveAs")>另存为</a><br> 
   <a href="#" onclick=document.execCommand("print")>打印</a><br> 
   <a href="#" onclick=window.close();return false)>关闭本窗口</a><br> 
   <a href="#" onclick=document.execCommand("selectAll")>全选</a><br> 
   <a href="#" onclick=location.reload()>刷新</a> <a href="#" onclick=history.go(0)>刷新</a><br> 
   <a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a> <br> 
   <a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a> <br> 
   <a href="java script:window.external.AddFavorite(‘http://homepage.yesky.com‘, ‘天极网页陶吧‘)">添加到收藏夹</a> <br> 
   <a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a> <br> 
   <a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> <br> 
   <a href="#" onclick=history.go(1)>前进1</a> <a href="#" onclick=history.forward()>前进2</a><br> 
   <a href="#" onclick=history.go(-1)>后退1</a> <a href="#" onclick=history.back()>后退2</a><br> 
   <a href="#" onclick=settimeout(window.close(),3000)>3秒关闭本窗口</a><br>

时间: 2024-08-07 23:09:14

Javascript实现浏览器菜单命令的相关文章

Javascript中document.execCommand()的用法 ( 实现浏览器菜单的很多功能 )

document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令参数(如下例中的"2D-Position"),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的"false"即表示不显示对话框),动态参数一般为一可用值或属性值(如下例中的"true"). document.

JavaScript基础——浏览器对象模型(BOM)

简介 ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.多年来,缺少事实上的规范导致BOM及有意思又有问题,因为浏览器提供商会按照各自的想法随意去扩展它.于是,浏览器之间公有的对象就成为了事实上的标准.这些对象在浏览器中得以存在,很大程度上是由于它们提供了与浏览器的互操作性.W3C为了把浏览器中JavaScript最基本的部分标准化

通过WebBrowser控件,实现IE浏览器菜单功能

这篇文章所讲的技术,只支持IE浏览器,请读者注意 WebBrowser控件,是IE浏览器的内置控件.顾名思义,这个控件我们可以看成是浏览器本身.通过WebBrowser控件,可以实现一部分IE浏览器的菜单命令. 1. 使用 首先在画面上要通过<object>标签创建这个控件. <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

添加右键菜单命令 在此处打开命令窗口(W)(带图标)

@color 0A @title 添加右键菜单命令 在此处打开命令窗口(W)(带图标) by wjshan0808 @echo off reg add HKCR\Directory\Background\shell\在此处打开命令窗口(W) /v Icon /t reg_expand_sz /d %ComSpec% /f reg add HKCR\Directory\Background\shell\在此处打开命令窗口(W)\command /ve /t reg_sz /d "%ComSpec%

跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)

跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块) 上面设计好了一个模块的主界面,下面通过菜单命令的执行来把这个模块加入到主界面当中.在MainModule.js中有一个函数,生成了当前的菜单数据: // 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据 getMenus : function() { var items = []; var menuData = this.get('systemMenu'); // 取得定义好的菜单数据 Ext.A

JavaScript判断浏览器类型及版本

说明:以下内容参考了一些网上资料以及同事间的一些讨论. 浏览器对于我们来说,可能是最熟悉的工具了.记得最早那会Netscape,到后来的Internet Explorer一统江湖,再到现在的FireFox大行其道,浏览器市场的争夺,可谓是硝烟弥漫.除了我们常见的IE, Firefox, Opera, Safari四大金刚以外,新近又出了一位Chrome,虽然新出,但是出于Google这个名门,Chrome所受到的关注绝不亚于先前的四大金刚,看来以后要改为5朵金花了,呵呵.除了这些熟知的浏览器以外

用JavaScript检测浏览器

如果你真的需要检测浏览器的类型,用JavaScript很容易实现. View Demo Download Source from GitHub JavaScript有一个navigator的标准对象,它包含了关于浏览器使用的信息. navigator对象由很多属性,但是userAgent属性---一个字符串就已经包含了浏览器.操作系统以及其它我们需要的所有信息. 如果需要显示navigator.userAgent的值,只需要选择下面的一种的方式就可以: Alert // Display in a

[译]JavaScript检测浏览器前缀

原文地址: Detect Vendor Prefix with JavaScript 不管浏览器私有前缀的现状如何,我们还是要与之为伴,并且有时候还需要利用它来做一些事情.这些前缀可以用于CSS(比如 -moz-element 中的 -moz- )和JavaScript( navigator.mozApps )的格式化.牛逼的X-Tag项目使用了一个很巧妙的方法在浏览器环境中获取前缀 —— 让我们来看一下是如何实现的吧! demo 首先,获取HTML元素的 CSSStyleDeclaration

VS2013点击右键菜单命令添加xml元素插件开发

一.选择Visual Studio Package模板建立插件项目 由于此功能需要在右键菜单上添加命令,所以选择Visual Studio Package模板,根据模板向导步骤插件项目,在Select VSPackage Options步骤的时候选择Menu Command选项,如图-1所示: 图-1 接下来是设置命令的名称,如图-2所示 图-2 修改Command name的值,将其设置为我们要添加到右键菜单时的名称.Command ID可选择是否修改,值是一个十六进制数,由于标识我们的添加的