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

Javascript
document.createElement()用法及注意事项
Javascript教程：关于内存泄漏问题
延迟事件为0的setTimeout的真正目的
JavaScript图片特效代码下载
AJAX初学:IE缓存页面的问题
AJAX中DOM的操作方法
AJAX中文乱码的两类问题
javascript程序的执行效率问题
网页用户注册界面的设计
ajax应该如何应用？
详解Javascript匿名函数的使用
Ajax：研究密码强度规则(仿google)
JavaScript学习教程
网页制作中常用的Javascript代码
深入学习Javascript函数
JS的Object类的属性和方法
Javascript初学者实例教程(1):简单交互
Javascript初学者实例教程(2):event对象和事件
Javascript初学者实例教程(3):数组和slice()方法
Javascript初学者实例教程(4):对象和构造方法

No. « 163 164 165 166 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 256 ::
收藏到网摘: 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>