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 相关文章推荐
js或css文件后面跟参数的原因说明
Jan 09 Javascript
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
javascript获取URL参数与参数值的示例代码
Dec 20 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
Jun 25 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
JavaScript 禁止用户保存图片的实现代码
Apr 28 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 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
js类式继承与原型式继承详解
2016/04/07 Javascript
jsp 网站引入外部css或者js失效问题解决
2016/10/31 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
简述ES6新增关键字let与var的区别
2019/08/23 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
[02:24]DOTA2亚洲邀请赛 NAVI战队出场宣传片
2015/02/07 DOTA
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
python 字符串常用方法汇总详解
2019/09/16 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/09/18 面试题
大学生的应聘自我评价
2013/12/13 职场文书
幼儿园门卫制度
2014/01/29 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
银行稽核岗位职责
2015/04/13 职场文书
学习计划是什么
2019/04/30 职场文书
SpringDataJPA在Entity中常用的注解介绍
2021/12/06 Java/Android
 Python 中 logging 模块使用详情
2022/03/03 Python