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

时间 2019-11-07

标签实现浏览器部分自带前进后退刷新功能栏目 JavaScript 繁體版

原文原文链接

1、【文件(F)】菜单中的命令的实现 javascript

1、〖打开〗命令的实现 [格式]:document.execCommand("open") java

[说明]这跟VB等编程设计中的webbrowser控件中的命令有些类似，你们也可依此琢磨琢磨。 web

[举例]在<body></body>之间加入：编程

<a href="#" onclick=document.execCommand("open")>打开</a> 浏览器

2、〖使用记事本编辑〗命令的实现工具

[格式]:location.replace("view-source:"+location) 网站

[说明]打开记事本，在记事本中显示该网页的源代码。 url

[举例]在<body></body>之间加入： spa

<a href="#" onclick=location.replace("view-source:"+location)>使用记事本编辑</a> 设计

3、〖另存为〗命令的实现

[格式]:document.execCommand("saveAs")

[说明]将该网页保存到本地盘的其它目录！

[举例]在<body></body>之间加入：

4、〖打印〗命令的实现

[格式]:document.execCommand("print")

[说明]固然，你必须装了打印机！

[举例]在<body></body>之间加入：

5、〖关闭〗命令的实现

[格式]:window.close();return false

[说明]将关闭本窗口。

[举例]在<body></body>之间加入：

<a href="#" onclick=window.close();return false)>关闭本窗口</a>

2、【编辑(E)】菜单中的命令的实现

〖全选〗命令的实现

[格式]:document.execCommand("selectAll")

[说明]将选种网页中的所有内容！

[举例]在<body></body>之间加入：

3、【查看(V)】菜单中的命令的实现

1、〖刷新〗命令的实现

[格式]:location.reload() 或 history.go(0)

[说明]浏览器从新打开本页。

[举例]在<body></body>之间加入：

或加入:<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>之间加入：

4、【收藏(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>

5、【工具(T)】菜单中的命令的实现

〖internet选项〗命令的实现

[格式]:window.external.showBrowserUI("PrivacySettings",null)

[说明]打开internet选项对话框。

[举例]在<body></body>之间加入：

<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>

6、【工具栏】中的命令的实现

1、〖前进〗命令的实现

[格式]history.go(1) 或 history.forward()

[说明]浏览器打开后一个页面。

[举例]在<body></body>之间加入：

或加入:<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=history.go(0)>刷新</a>

7、其它命令的实现

〖定时关闭本窗口〗命令的实现

[格式]:settimeout(window.close(),关闭的时间)

[说明]将关闭本窗口。

[举例]在<body></body>之间加入：

<a href="#" onclick=setTimeout(window.close(),3000)>3秒关闭本窗口</a>