一、【文件(F)】菜单中的命令的实现
1、〖打开〗命令的实现
[格式]:document.execCommand("open"
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
[举例]在<body></body>之间加入:
<a href="#" onclick=document.execCommand("open" >打开</a>
2、〖使用 记事本 编辑〗命令的实现
[格式] ocation.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、〖刷新〗命令的实现
[格式] ocation.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入:
<a href="#" onclick=location.reload()>刷新</a>
或加入:<a href="#" onclick=history.go(0)>刷新</a>
2、〖源文件〗命令的实现
[格式] ocation.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>
<a href="#" onclick=document.execCommand("open")>打开</a><br>
<a href="#" onclick=location.replace("view-source:"+location)>使用 记事本 编辑</a><br>
<a href="#" onclick=document.execCommand("saveAs")>另存为</a><br>
<a href="#" onclick=document.execCommand("print")>打印</a><br>
<a href="#" onclick=window.close();return false)>关闭本窗口</a><br>
<a href="#" onclick=document.execCommand("selectAll")>全选</a><br>
<a href="#" onclick=location.reload()>刷新</a><a href="#" onclick=history.go(0)>刷新</a><br>
<a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a> <br>
<a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a> <br>
<a href="javascript:window.external.AddFavorite('http://www.javaeye, 'javaeye资源网站')">添加到收藏夹</a> <br>
<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a> <br>
<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> <br>
<a href="#" onclick=history.go(1)>前进1</a><a href="#" onclick=history.forward()>前进2</a><br>
<a href="#" onclick=history.go(-1)>后退1</a><a href="#" onclick=history.back()>后退2</a><br>
<a href="#" onclick=setTimeout('window.close()',2000)>2秒后关闭本窗口</a><br>
分享到:
相关推荐
JavaScript(简称JS)菜单是一种网页交互元素,用于创建动态、响应式和用户友好的网站导航。在网页设计中,JS菜单通常替代静态HTML菜单,提供更丰富的用户体验,如下拉效果、滑动展开、动画过渡等。本篇将深入探讨JS...
JS菜单js menu01.htmlJS菜单js menu01.htmlJS菜单js menu01.htmlJS菜单js menu01.htmlJS菜单js menu01.html
JS菜单js menu03htmlJS菜单js menu03htmlJS菜单js menu03htmlJS菜单js menu03html
JS菜单js menu02.htmlJS菜单js menu02.htmlJS菜单js menu02.htmlJS菜单js menu02.html
总结来说,“COOL MENU FOR WEB APPLICATION”是一种利用JavaScript技术,尤其是coolmenus4.js 和 coolmenus_frame.js 这两个文件,创建出具有高级交互特性的Web菜单的方法。这种菜单不仅可以提供丰富的用户体验,还...
利用这个程序,无需懂得或书写任何复杂的Javas cript和HTML代码,就可以为你的站点建立简洁,交互,便利的以Javas cript为基础强大的下拉导航菜单.这个程序的界面友好且方便使用,你可以对内容,功能以及菜单...
Milonic DHTML/JavaScript Menu Sample
标题中的"XP-menu.rar"指的是一个使用JavaScript实现的XP风格的菜单系统,它旨在为网页添加类似微软Windows XP操作系统中的下拉菜单效果。这个菜单系统不仅具有吸引人的视觉外观,而且设计时考虑了浏览器的兼容性,...
在这个场景中,我们关注的是一个名为"js_menu.rar_MENU._javascript_js_menu-collapsed.js_menu_front."的压缩包,它涉及到一个JavaScript实现的多级导航菜单。这个菜单可能是一个网页应用的核心组成部分,因为它...
本教程将探讨如何使用JavaScript实现一个动态的menu效果。通过提供的博客链接(https://anweixiao.iteye.com/blog/127018),我们可以学习到具体的实现步骤和源码分析。 首先,我们需要理解菜单的基本结构。在HTML...
实现"js做的menu特效"的核心原理是利用JavaScript事件处理机制。在本例中,当鼠标指针移动到导航栏项上时,会触发`mouseover`事件,这个事件可以激活一个函数来显示下拉子菜单。同样,当鼠标离开时,可以使用`mouse...
jsmind.menu.js(jsmind的右键菜单)
本文将详细解析一个JavaScript实现的Menu和Tree的实例,以"转: 一个js的menu和tree的例子"为例,该实例来源于花生米blog。 首先,我们来看`samples.css`。这是一个CSS样式表文件,它定义了菜单和树形结构的视觉样式...
`js` 目录则包含了 `SelectMenu.js` 相关的 JavaScript 文件。 总的来说,`SelectMenu.js` 是一个强大的 jQuery 下拉菜单插件,它以其简洁、易用和多样化的特性,为网页开发带来了更优的用户体验。无论是在简单的...
menu.jsmenu.jsmenu.jsmenu.jsmenu.jsmenu.jsmenu.js
JavaScript Tree Menu是一种常见的网页交互元素,它用于在网站上创建可折叠、层次分明的菜单结构。这个技术基于JavaScript,一种广泛使用的客户端脚本语言,它允许动态地更新和操作HTML内容,提供更丰富的用户交互...
本文将详细探讨"CSS+Js Menu Module Programming design code effects"这一主题,解析如何使用CSS和JavaScript来设计和实现动态、交互式的菜单模块特效。 首先,CSS(Cascading Style Sheets)是一种样式表语言,...
总结来说,"js动态菜单合集(left menu)"是一个关于如何使用JavaScript和jQuery创建高效、美观的左侧导航菜单的学习资源。这其中包括Apple风格的Accordion Menu,注重简洁与易用;Glossy Accordion Menu,强调视觉...
**JS TreeMenu 异步加载树形控件** 在网页应用中,树形控件(Tree Menu)是一种常见的用户界面元素,它以层级结构展示数据,便于用户进行导航和选择。传统的树形控件通常一次性加载所有节点,这在数据量较大时可能...
8. `js`文件夹:包含主要的JavaScript文件,其中`megamenu.js`就是核心插件文件。 总的来说,megamenu.js是一个强大且灵活的jQuery插件,能够帮助开发者轻松创建响应式的大型菜单,提升网站的导航体验。无论你是...