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

转载 2013年12月06日 15:39:09

一、【文件(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的hostory属性,后退一页,前进一页及刷新,都是由go后边...
  • laijieyao
  • laijieyao
  • 2015-09-09 14:51:30
  • 1689

一个多标签页、可输入网址可前进后退刷新的简易浏览器

一个多标签页、可输入网址可前进后退刷新的简易浏览器因为本人之前做过一个单标签页的简易浏览器,所以与标签页逻辑处理无关的介绍就不再赘述了,想要了解的可以查看这里单标签页简易浏览器实现。此程序的功能如下:...
  • u012814856
  • u012814856
  • 2017-03-08 00:10:44
  • 400

android简易浏览器源码

  • 2012年11月30日 10:19
  • 11KB
  • 下载

Android的一个简单浏览器源码

  • 2014年12月05日 13:52
  • 2.21MB
  • 下载

Android4.4 WebView使用实例,实现后退前进刷新错误处理等功能

  • 2014年03月31日 14:32
  • 1.59MB
  • 下载

使用栈结构简易实现浏览器的后退与前进功能(以Android为例)

使用栈结构简易实现浏览器的前进与后退操作(不使用官方函数),以Android为例...
  • mgsky1
  • mgsky1
  • 2017-05-05 22:42:34
  • 984

JAVA 类 IE浏览器前进、后退等功能操作

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  ev...
  • waiting476
  • waiting476
  • 2012-10-24 15:51:34
  • 4446

【JS】:JS实现页面的刷新,后退和前进

通过history.go()完成 history.go(-1); 后退 history.go(0); 刷新 history.go(1); 前进通...
  • qq_23100787
  • qq_23100787
  • 2016-04-14 16:34:00
  • 723

如何在点击浏览器前进、后退键时刷新页面而不读取缓存

本文说明:是汇总了网上说的有用的方法 一、 有时在处理服务器页面如表单时,浏览器前进、后退键会带来麻烦,无法使页面获取最新的数据,从而会导致意外产生,这时解决办法有两种,一是可以利用js禁用前...
  • shatamadedongxi
  • shatamadedongxi
  • 2013-05-24 12:36:18
  • 6674

js控制浏览器前进后退

后退 前进 刷新 停止 返回主页 设为首页: 设为首页 加入收藏 加入收藏 设为首页 加入收藏...
  • it_xiaowu
  • it_xiaowu
  • 2015-02-27 10:04:40
  • 753
收藏助手
不良信息举报
您举报文章:JS实现浏览器部分自带的前进后退及刷新等功能
举报原因:
原因补充:

(最多只允许输入30个字)