`

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

    博客分类:
  • HTML
阅读更多

 每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有意思的事啊!下面我们就来看看如何用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>

0
0
分享到:
评论

相关推荐

    实现自己的浏览器(使用浏览器组件)

    1. **用户界面(UI)**:这是用户与浏览器交互的部分,包括地址栏、书签、前进/后退按钮、刷新/停止按钮等。在Windows Mobile环境下,UI设计需要适应小屏幕和触摸操作。 2. **渲染引擎**:负责解析HTML、CSS和...

    用Delphi实现的自定义网页浏览器

    开发者可以通过设置其属性、调用方法和响应事件,实现如导航、前进、后退、刷新、停止加载页面等浏览器基本功能。 3. **事件驱动编程**:Delphi采用事件驱动编程模型,这意味着当用户与应用程序交互时,如点击按钮...

    vb.net实现多标签网页浏览器

    3. **用户交互**:为用户提供标准的浏览器功能,如前进、后退、刷新、停止加载、复制链接、打印等。这些可以通过`MenuStrip`或`ToolStrip`控件上的按钮来实现,按钮的点击事件与`WebBrowser`控件的方法对应。 4. **...

    VB 制作的简单浏览器

    - **前进和后退**:通过调用`GoForward`和`GoBack`方法,实现浏览器的前进和后退功能。 - **刷新和停止**:`Refresh`方法可以刷新当前页面,`Stop`方法则用于停止当前的页面加载。 - **书签和历史记录**:虽然VB...

    Android-一个App内嵌浏览器

    6. **用户交互**: 考虑到内嵌浏览器的交互性,WappBrowser可能提供了自定义的前进、后退、刷新、加载按钮,以及与应用其他部分集成的手段。 7. **调试与日志**: 开发者可能需要对加载的网页进行调试,WappBrowser...

    简易Web浏览器的制作

    我们可以使用它来设计浏览器的界面布局,添加控件如TextBox(URL输入框)、Buttons(刷新、前进、后退、主页按钮)等。 **WebBrowser控件**:这是Windows Forms自带的一个控件,可以嵌入到应用程序中,提供网页浏览...

    VB简易浏览器(附源码)

    VB简易浏览器可能包含地址栏、前进/后退按钮、刷新按钮等常见元素。 5. **HTML解析**:虽然`WebBrowser`控件内部实现了大部分HTML解析功能,但开发者可能需要自定义某些功能,比如添加书签或实现特定的JavaScript...

    Delphi Web浏览器

    这些组件提供了基本的网页加载、前进、后退、刷新等功能。 2. **TWebBrowser组件** TWebBrowser是Delphi中内置的组件,它可以嵌入到Delphi应用程序中,直接展示网页内容。开发者需要了解如何使用这个组件进行事件...

    多标签页的Web浏览器

    为了提供良好的用户体验,可以添加书签功能、历史记录、前进/后退按钮、刷新和停止加载按钮等。这些功能都需要编写相应的代码来实现。 7. **安全性与隐私**: 考虑到Web浏览器可能会访问敏感信息,开发者需要关注...

    C#.net Windows浏览器(改良版)

    除了这一新特性,该浏览器还保留了原有的功能,这可能包括URL导航、前进/后退按钮、刷新/停止加载功能、书签管理等。这些基本功能的实现通常依赖于WebBrowser控件,这是.NET框架提供的一种内置组件,可以直接在...

    C#浏览器

    - 使用WPF或Windows Forms提供的控件(如地址栏、前进/后退按钮、刷新按钮等)构建用户界面。 - 通过布局管理(如StackPanel, Grid, DockPanel等)来组织UI元素。 8. **多线程处理**: - 由于WebBrowser控件通常...

    VB 简易网页浏览器

    对于这个简易浏览器,可能包含地址栏、前进/后退按钮、刷新/停止按钮以及一个用于显示网页的区域。VB的Form Designer工具可以帮助我们布局和定制这些控件。 5. **基本的网页操作**:除了浏览网页,还可以实现一些...

    VB.net 仿制的IE7浏览器源码,界面超像

    除了基本的网页显示,一个完整的浏览器还需要实现如前进、后退、刷新、书签、历史记录等功能。在VB.NET中,可以通过监听WebBrowser控件的事件,如Navigating、DocumentCompleted等,来实现这些功能。例如,通过...

    C# 网页浏览器

    9. **用户交互**:尽管本例不支持多标签,但基本的前进、后退、刷新和书签功能是常见的浏览器功能,需要考虑如何实现这些交互。 10. **安全性**:考虑到网络安全,浏览器需要防止跨站脚本攻击(XSS)、跨站请求伪造...

    移动端H5页面返回并刷新页面(BFcache)的方法

    移动端H5页面返回并刷新页面(BFcache)的方法涉及了前端开发者在设计网页时经常需要面对的问题,那就是如何处理用户在移动端浏览器中使用“后退”按钮时页面的加载行为。在HTML5中,浏览器为了提高页面加载的速度,...

    73种网页常用Javascript代码

    - `history.back(-1)` 实现了与浏览器自带的“后退”按钮相同的功能,返回前一个浏览的历史记录。 3. **查看源码**: - `window.location="view-source:" + window.location.href` 通过点击按钮,将当前页面的URL...

    基于IE内核的浏览器添加对F12 开发人员工具的支持

    通过这个接口,开发者可以创建自己的浏览器界面,实现基本的浏览、前进、后退、刷新等操作,甚至可以定制更多的高级功能,如集成的搜索、书签管理等。 要添加F12开发者工具支持,我们需要理解IE的开发者工具工作...

    C#写的仿自定义web浏览器,可以在文件中设置网址,从而限制公司员工上网.zip

    1. 用户界面设计:使用Windows Forms或WPF创建美观且易于使用的界面,包括地址栏、前进/后退按钮、刷新/停止按钮等。 2. 历史记录:记录用户的浏览历史,方便回溯。 3. 缓存管理:缓存网页资源以加快加载速度,但...

    JavaScript常用语句精选

    - **`ShowBrowserUI` 方法**:用于显示浏览器自带的用户界面,如组织收藏夹对话框。 ##### 4. 页面导航与历史记录 页面导航和历史记录操作也是 Web 开发中常见的需求,通过 JavaScript 可以轻松地实现这类功能。 ...

    VC IE浏览器

    通过在用户界面中嵌入WebBrowser控件,开发者可以直接在应用程序中展示网页内容,并调用各种浏览器功能,如前进、后退、刷新等。 5. **事件处理**:VC6.0使用MFC的消息映射机制来处理来自WebBrowser控件的事件,如...

Global site tag (gtag.js) - Google Analytics