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 页面输出值
Nov 30 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 03 Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
JS实现评价的星星功能
Aug 20 Javascript
jQuery实现简单的回到顶部totop功能示例
Oct 16 jQuery
微信小程序scroll-view仿拼多多横向滑动滚动条
Apr 21 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 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脚本
2006/11/26 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
2013/03/04 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
微信小程序 本地存储及登录页面处理实例详解
2017/01/11 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
动态创建类实例代码
2009/10/07 Python
python计算文本文件行数的方法
2015/07/06 Python
如何用Python合并lmdb文件
2018/07/02 Python
用Python实现数据的透视表的方法
2018/11/16 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
OpenCV 模板匹配
2019/07/10 Python
新手入门Python编程的8个实用建议
2019/07/12 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
澳大利亚头发和美容产品购物网站:OZ Hair & Beauty
2020/03/27 全球购物
数据库连接池的工作原理
2012/09/26 面试题
SQL Server数据库笔试题和答案
2016/02/04 面试题
护士岗前培训自我评鉴
2014/02/28 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
授权收款委托书范本
2014/10/10 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
Python爬取某拍短视频
2021/06/11 Python
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技