js點擊button按鈕跳到另一個新頁面_javascript技巧

點擊按鈕怎麼跳到另外一個頁面呢？我們在網站製作中可能是需要的，因為有時我們需要做這樣的效果，尤其是將按鈕做成一個圖片，而點擊圖片要跳到新的頁面時，怎麼做呢？

這樣的效果可以：onclick="window.location='新頁'" 來實現。

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

程式碼如下

window.location.href="你所要跳轉的頁面";

2、在新視窗中開啟頁面使用：

程式碼如下

window.open('你所要跳轉的頁面');

window.history.back(-1);回上一頁

程式碼如下

如果要在點擊按鈕提交時驗證輸入款是否填入了內容，要怎麼做呢？當使用者名稱輸入或它的為空的時候，點擊按鈕不提交，可以按下列的方法做。

程式碼如下

複製程式碼 程式碼如下:

if(!document.form_name.username.value) {

alert("請輸入使用者名稱！"); document.form_name.username.focus(); return false;

}else document.form_name.action="aaa.htm";

}

這樣的話，當空值時，點擊按鈕還是不會跳到另外的頁面呢？這樣就達到效果了。

JS跳轉頁面參考代碼

程式碼如下

第一種：

第二種：

第三種：

第四種：

第五種：

＝＝＝＝＝javascript中彈出選擇框跳到其他頁面＝＝＝＝＝

複製程式碼 程式碼如下:

＝＝＝＝＝javascript中彈出提示框跳到其他頁＝＝＝＝＝

複製程式碼 程式碼如下: