首頁 > web前端 > js教程 > 主體

js怎麼實作一個頁面跳至新的頁面?

藏色散人
發布: 2018-08-15 11:24:56
原創
3369 人瀏覽過

本篇文章主要來介紹如何實作js頁面跳到新頁面的相關問題。其實做js跳轉一般是用在廣告跳轉和連結效果。所以我們要先了解下js頁面跳轉的本質概念是什麼,也就是瀏覽器物件視窗location(url)的改變。

那麼下面就是要跟大家總結幾個js跳到指定頁面的方法。

1.在原來的窗體中直接跳到

<script type="text/javascript">
  window.location.href="你所要跳转的页面";
  </script>
登入後複製

2.在新的視窗中開啟新頁面##

<script type="text/javascript">
  window.open(&#39;你所要跳转的页面&#39;);
  </script>
登入後複製

3.跳轉指定頁面

<script language="javascript" type="text/javascript">
  window.location.href="login.jsp?backurl="+window.location.href;
  </script>
登入後複製

4.跳到指定的demo.html頁面

<script language="JavaScript"> 
  self.location=’demo.html’; 
  </script>
登入後複製

5 .加判斷跳轉

<script language="javascript"> 
alert("非法访问!"); 
top.location=&#39;xx.jsp&#39;; 
</script>
登入後複製

6.button按鈕跳轉頁

<button onclick="window.location.href=&#39;xxx.html&#39;">点击跳转</button>
登入後複製
以上就是關於js怎麼跳轉頁面的相關方法總結,具有一定的參考價值,希望對有需要的朋友有幫助。

附註:Location 物件儲存在 Window 物件的 Location 屬性中,表示該視窗中目前顯示的文件的 Web 位址。它的 href 屬性存放的是文檔的完整 URL,其他屬性則分別描述了 URL 的各個部分。這些屬性與 Anchor 物件(或 Area 物件)的 URL 屬性非常相似。當一個 Location 物件被轉換成字串,href 屬性的值會傳回。這意味著你可以使用表達式 location 來替代 location.href。


以上是js怎麼實作一個頁面跳至新的頁面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!