JS實現瀏覽器功能表命令

來源:互聯網
上載者:User
js|菜單|瀏覽器

每當我們看到別人網頁上的開啟、列印、前進、另存新檔、後退、關閉本視窗、禁用右鍵等實現瀏覽器命令的連結,而自己苦於不能實現時,是不是感到很遺憾?是不是也想實現?如果能在網頁上能實現瀏覽器的命令,將是多麼有意思的事啊!下面我們就來看看如何用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://www.xrss.cn', '網路大本營')">添加到收藏夾</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>

 



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。