JS实现浏览器部分自带的前进后退及刷新等功能

不羁的心 提交于 2019-12-04 09:48:25

一、【文件(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>    后退不保留表单数据

或<a href="javaScript:onclick=history.go(-1)“>后退</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>   


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!