`
fastwind
  • 浏览: 324329 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

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>

分享到:
评论

相关推荐

    JS 实现浏览器菜单命令

    在本主题“JS实现浏览器菜单命令”中,我们将探讨如何利用JavaScript技术来创建和控制浏览器中的上下文菜单,即用户右键点击时出现的菜单。这种功能可以为用户提供自定义的快捷操作,增强网站或应用程序的用户体验。...

    Javascript代码实现浏览器菜单命令.doc

    Javascript 代码实现浏览器菜单命令 本文档主要介绍了使用 Javascript 代码实现浏览器菜单命令的方法,包括文件菜单、编辑菜单、查看菜单和收藏菜单等四个部分。 一、文件菜单命令的实现 1. 打开命令的实现 使用...

    js实现浏览器的各种菜单命令比如打印、查看源文件等等

    在JavaScript中,`document.execCommand()`方法是实现某些浏览器菜单命令的关键。该方法能够执行命令来改变文档内容。如上述文档所提供的代码片段所示,我们可以通过绑定事件处理器到按钮上,并利用`document....

    用JS实现右键的复制,拈帖和剪切功能

    ### 使用JavaScript实现右键的复制、粘贴和剪切功能 #### 一、背景介绍 在Web开发过程中,有时我们需要模拟浏览器自带的右键菜单中的复制(Copy)、粘贴(Paste)以及剪切(Cut)功能。这不仅能够增强用户体验,还...

    JavaScript实现IE菜单功能

    在IE浏览器中,JavaScript可以用来实现各种自定义菜单功能,以增强用户体验。本文将详细讲解如何使用JavaScript来实现IE菜单功能,特别是在处理打印预览和关闭按钮失效问题上的解决方案。 在IE7及更早版本中,用户...

    JavaScript 实例 精粹 整理

    包括:11种用javascript做的刷新按钮的方法、40种Javascript中常用的使用小技巧、Javascript的IE和Firefox兼容性汇编、...、Javascript实现广告页面的定时关闭、一百多个JS小技巧、Javascript实现浏览器菜单命令等等。

    如何在不同的浏览器中打开控制台调试JS(转帖加自己的截图)

    标题中的“如何在不同的浏览器中打开控制台调试JS”是一个关于网页开发中JavaScript调试的关键话题。在现代Web开发中,浏览器的开发者工具是必不可少的工具,尤其是JavaScript控制台,它可以帮助开发者追踪错误、...

    实现浏览器全屏窗口的几种方法

    ### 实现浏览器全屏窗口的几种方法 在日常浏览网页的过程中,我们可能会遇到一种现象:浏览器的工具栏、菜单栏等界面元素消失不见,只留下网页的内容占据整个屏幕空间。这种全屏显示的效果不仅可以带来更加沉浸式的...

    JavaScript css浏览器的调试

    ### JavaScript CSS 浏览器调试知识点 #### 一、IE浏览器的调试 ##### 1.1 IE6, IE7浏览器对JS的调试方式 - **准备工作** - **下载install-companionjs-v0.5.3** - 需要下载`install-companionjs-v0.5.3.rar`,...

    MFC 浏览器 小型浏览器 VC6.0浏览器

    CHtmlView类提供了浏览网页、执行JavaScript、打印网页等功能,使得开发者无需深入理解复杂的Web渲染引擎就能实现浏览器的基本功能。 3. **VC6.0**: Visual C++ 6.0是微软的一个集成开发环境(IDE),用于编写C++...

    IE文件菜单中的打开命令

    IE文件菜单中的打开命令! 值得下载看看!资源免费,大家分享!!

    JSP调用ie菜单命令

    ### JSP调用IE菜单命令知识点详解 #### 一、概述 在早期的网页开发过程中,开发者们常常希望实现一些富文本编辑的功能或是对浏览器行为进行控制,例如复制、粘贴、字体设置等操作。IE浏览器(Internet Explorer)...

    易语言浏览器操作模块源码.7z

    对于“易语言浏览器操作模块源码”,你需要将7z文件解压后,找到对应的.ele或.ecl文件,然后在易语言环境中选择“资源”菜单的“导入模块”命令,将模块导入到你的工程中。导入后,你就可以在程序中调用模块提供的...

    用Visual C++ 编写的简易浏览器

    2. **菜单与命令处理**:浏览器的前进、后退、刷新和主页功能可以通过菜单实现。MFC提供了CMenu类用于创建和管理菜单,而消息映射机制(ON_COMMAND)则用于处理用户点击菜单项时触发的命令。 3. **URL处理**:...

    Cato一个浏览器扩展允许您使用简单的命令来控制浏览器

    1. **命令行接口(CLI)**:Cato的核心是其命令行接口,用户可以通过在浏览器中输入特定命令来执行各种功能,如打开新标签页、搜索、书签管理等,无需通过传统的鼠标点击或菜单导航。 2. **自定义命令**:Cato允许...

    Javascript自定义菜单插件

    JavaScript是Web开发中的关键脚本语言,用于实现客户端的动态功能,而js是它的缩写。在这个场景中,"菜单"是指在网页上显示的一系列选项或命令,用户可以通过点击来执行特定操作。"模拟"可能指的是这种插件通过...

    纯JS实现画工作流的流程图

    在JavaScript(JS)中实现画工作流的流程图是一项技术挑战,它涉及到DOM操作、图形渲染和用户交互等多个方面。这个项目的核心目标是创建一个自定义的WEB工作流设计工具,让用户可以直观地构建和编辑流程图,而无需...

    ruoyivue3菜单修改,顶部一、二级,左侧三级,选择二级自动选择左侧第一个三级

    - 使用浏览器进行测试,确保菜单的显示和交互符合预期。 总之,要完成 RuoyiVue3 的菜单修改,你需要理解 Vue.js 的组件结构、数据绑定、事件处理,以及 RuoyiVue3 的菜单配置和样式定制。通过熟练掌握这些知识点...

Global site tag (gtag.js) - Google Analytics