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 插件学习(三)
Aug 06 Javascript
深入理解javascript变量声明
Nov 20 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
Jul 01 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
Dec 20 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
vue 实现用户登录方式的切换功能
Apr 14 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
vue 避免变量赋值后双向绑定的操作
Nov 07 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 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+jQuery 注册模块开发详解
2014/10/14 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
刷新时清空文本框内容的js代码
2007/04/23 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
[05:42]DOTA2英雄梦之声_第10期_蝙蝠骑士
2014/06/21 DOTA
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
Python 数据处理库 pandas 入门教程基本操作
2018/04/19 Python
值得收藏的10道python 面试题
2019/04/15 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
Pandas的Apply函数具体使用
2020/07/21 Python
如何利用python读取micaps文件详解
2020/10/18 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
什么是类的返射机制
2016/02/06 面试题
华三通信H3C面试题
2015/05/15 面试题
网站编辑求职信
2013/10/17 职场文书
物业电工岗位职责
2013/11/20 职场文书
财务会计人员岗位职责
2013/11/30 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
设计专业自荐信
2014/06/19 职场文书
关于空气污染危害的感想
2015/08/11 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python
Matlab如何实现矩阵复制扩充
2021/06/02 Python
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python