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

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

WBOY
發布: 2016-05-16 16:34:24
原創
1694 人瀏覽過

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

這樣的效果可以: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中彈出提示框跳到其他頁=====
複製程式碼 程式碼如下:


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