当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS实现浏览器菜单命令

Javascript
JS 参数传递的实际应用代码分析
prototype与jquery下Ajax实现的差别
用JS写的简单的计算器实现代码
javascript 数组操作实用技巧
JavaScript 中级笔记 第二章
JavaScript 中级笔记 第三章
JavaScript 中级笔记 第四章 闭包
JavaScript 中级笔记 第五章 面向对象的基础
Mootools 1.2教程 函数
Mootools 1.2教程 事件处理
通过Mootools 1.2来操纵HTML DOM元素
Mootools 1.2教程 设置和获取样式表属性
Mootools 1.2教程 输入过滤第一部分(数字)
Mootools 1.2教程 输入过滤第二部分(字符串)
Mootools 1.2教程 Fx.Tween的使用
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
MooTools 1.2中的Drag.Move来实现拖放
Mootools 1.2教程 正则表达式
Mootools 1.2教程 定时器和哈希简介
Mootools 1.2教程 滚动条(Slider)

Javascript 中的 JS实现浏览器菜单命令


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 222 ::
收藏到网摘: n/a

序:用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>