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

jquery怎麼實現點擊跳轉頁面

WBOY
發布: 2021-11-30 11:14:13
原創
13063 人瀏覽過

實作點擊跳轉頁面的方法:1、給按鈕元素綁定click點擊事件,指定事件處理函數;2、在事件處理函數中利用「window.location.href」屬性實作頁面跳轉,語法為「window.location.href="指定頁面路徑";」。

jquery怎麼實現點擊跳轉頁面

本教學操作環境:windows7系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼實現點擊跳轉頁面

#在jquery中,可以給按鈕綁定click點擊事件,使用window.location.href實現頁面的跳躍。

範例如下:

1、新建一個html文件,命名為test.html,用於講解jquery如何實現點擊按鈕跳轉頁面。使用button標籤建立一個按鈕,用於點擊跳轉。設定button標籤的id為testbutton,用於下面取得button物件。

jquery怎麼實現點擊跳轉頁面

2、在js標籤內,透過ready()方法在頁面載入完成時,執行function方法。

在function方法內,透過id取得button對象,給它綁定click點擊事件,當按鈕被點擊時,使用window.location.href實現頁面的跳躍。

jquery怎麼實現點擊跳轉頁面

在瀏覽器中開啟test.html文件,點擊按鈕,查看結果。

jquery怎麼實現點擊跳轉頁面

點擊按鈕後:

jquery怎麼實現點擊跳轉頁面

#總結:

1、使用button標籤建立一個按鈕,設定button標籤的id為testbutton。

2、在js中,透過id取得button對象,給它綁定click點擊事件,當按鈕被點擊時,使用window.location.href實現頁面的跳躍。

注意事項:

window.location.href支援相對路徑鏈接,也支援絕對路徑鏈接。

相關影片教學推薦:jQuery影片教學

#

以上是jquery怎麼實現點擊跳轉頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板