JS实现浏览器菜单命令


Posted in Javascript onSeptember 05, 2006

序:用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 相关文章推荐
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
js实现局部页面打印预览原理及示例代码
Jul 03 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
详解Vue 动态组件与全局事件绑定总结
Nov 11 Javascript
javascript实现日历效果
Jun 17 Javascript
解决Vue调用springboot接口403跨域问题
Sep 02 Javascript
免费空间广告万能消除代码
Sep 04 #Javascript
srcElement表格样式
Sep 03 #Javascript
广告显示判断
Aug 31 #Javascript
IE中直接运行显示当前网页中的图片 推荐
Aug 31 #Javascript
event.srcElement+表格应用
Aug 29 #Javascript
[原创]图片分页查看
Aug 28 #Javascript
[对联广告] JS脚本类
Aug 27 #Javascript
You might like
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
php metaphone()函数的定义和用法
2016/05/15 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
NodeJs——入门必看攻略
2016/06/27 NodeJs
javascript入门之数组[新手必看]
2016/11/21 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
基于JS实现父组件的请求服务过程解析
2019/10/14 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
Python多进程multiprocessing.Pool类详解
2018/04/27 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
python用post访问restful服务接口的方法
2018/12/07 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
市级优秀班主任事迹材料
2014/05/13 职场文书
根叔历年演讲稿
2014/05/20 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
初三毕业评语
2014/12/26 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers