js如何實現頁面跳轉

小編給大家分享一下js如何實現頁面跳轉，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JavaScript實現頁面跳轉的方式有：直接跳轉、通過onclick函數實現按鈕跳轉、window.open函數打開新的窗口以及通過confirm方法來實現是否確認要打開新窗口

我們在開發的過程中總會遇到各種頁面跳轉的情況，不同的跳轉方式帶來的體驗不同。

方法一：直接跳轉樣式

<script>window.location.href='http://www.php.cn';</script>

方法二：通過按鈕點擊來跳轉頁面

<input type="button" value="點擊" onclick="location.href='http://www.php.cn/'">

通過給按鈕添加一個onclick事件。但點擊事會跳轉到事先設置好的鏈接地址

方法三：在本頁面中直接打開新的窗口

<a href="javascript:" onClick="window.open('http://www.php.cn/','','height=200,width=300,scrollbars=yes') 
億速云</a>

通過window.open（）函數可以在本頁面中打開一個新的窗口，scrollbars是用于設置滾動條

方法四：頁面停留5后再跳轉新的頁面

<script type="text/javascript">
　　function demo(){
　　window.location.href ="http://www.php.cn";
　　}
　　setTimeout(demo,5000);
　　</script>
<a onclick="demo()">億速云</a>

setTimeout方法用于在指定的毫秒數后調用函數或計算表達式，在本例中通過設置時間參數使頁面在5s之后跳轉

方法五：通過頁面彈出確認框來選擇是否要跳轉到新的頁面中

<script type="text/javascript">
　　function demo(){
  if(confirm("你確定要跳轉到新的頁面嗎")){
    window.location.href ="http://www.php.cn";
　　
　　}
}
　　</script>
<a onclick="demo()">億速云</a>

效果圖：

confirm方法用于顯示一個帶有指定消息和 OK 及取消按鈕的對話框，當選擇確定時就會跳轉到新的頁面，選擇取消時則不會跳轉頁面

以上是“js如何實現頁面跳轉”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！