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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。