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+json 通用三级联动下拉列表
Apr 19 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
Javascript中的Array数组对象详谈
Mar 03 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
Nov 01 Javascript
js实现石头剪刀布游戏
Oct 11 Javascript
javascript实现滚轮轮播图片
Dec 13 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采用curl实现伪造IP来源的方法
2014/11/21 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
php学习笔记之字符串常见操作总结
2019/07/16 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
使用p5.js临摹动态图形
2019/10/23 Javascript
node后端服务保活的实现
2019/11/10 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
Python实现二分法算法实例
2015/02/02 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Python正则表达式如何进行字符串替换实例
2016/12/28 Python
python 识别图片中的文字信息方法
2018/05/10 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
python3中sorted函数里cmp参数改变详解
2020/03/12 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
运动会开幕式邀请函
2014/01/22 职场文书
《藏戏》教学反思
2014/02/11 职场文书
民事授权委托书范文
2014/08/02 职场文书
德育标兵事迹材料
2014/08/24 职场文书
法人委托书范本
2014/09/15 职场文书
2014年销售部工作总结
2014/12/01 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
微信搭讪开场白
2015/05/28 职场文书