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获取html页面节点方法(递归方式)
Dec 13 Javascript
浅谈JavaScript 框架分类
Nov 10 Javascript
Node.js的包详细介绍
Jan 14 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
javascript实现随机显示星星特效
Jan 28 Javascript
JavaScript中一些特殊的字符运算
Aug 17 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
ES6基础之 Promise 对象用法实例详解
Aug 22 Javascript
layui--js控制switch的切换方法
Sep 03 Javascript
原生js实现自定义滚动条组件
Jan 20 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
关于文本留言本的分页代码
2006/10/09 PHP
php设计模式 Composite (组合模式)
2011/06/26 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
jQuery中prev()方法用法实例
2015/01/08 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
JS调用某段SQL语句的方法
2016/10/20 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
python局部赋值的规则
2013/03/07 Python
python安装教程
2018/02/28 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
党校培训自我鉴定范文
2014/03/20 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
党员民主生活会对照检查材料思想汇报
2014/09/28 职场文书
军训个人总结
2015/03/03 职场文书
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js