jquery怎麼跳頁

藏色散人
發布: 2022-12-30 11:13:04
原創
21721 人瀏覽過

jquery跳轉頁面的方法:首先在頁面中引入jquery文件;然後創建一個按鈕,用來觸發跳轉;接著為跳轉按鈕添加一個點擊事件;最後透過jquery操作location對象,並呼叫attr方法,把href屬性賦值為新的url位址即可。

作業環境:宏基S40-51、Windows10 家庭中文版、jquery1.8.3&&HBuilderX.3.0.5

推薦:《jquery影片教學

jquery跳轉頁

首先需要先在頁面中引入腳本庫檔案。

jquery怎麼跳頁

然後建立一個html範例檔案test,並且建立一個按鈕,用來觸發跳轉的,注意當前頁面是叫做‘頁面A’的。然後編寫JS腳本邏輯,為跳轉按鈕新增一個點擊事件。我們知道在原生的js裡,我們做跳轉是用window對象裡的location屬性來處理的,window.location.href = “abc.html"

透過jquery操作location對象,並呼叫attr方法,把href屬性賦值為新的url位址就行了。

test完整程式碼:

    Title  

这是页面A

登入後複製

執行頁面,點擊上面的『跳轉』按鈕。

jquery怎麼跳頁

(注意現在是在頁面A裡)

點擊後,就成功跳到新的頁面裡了,(testb)

jquery怎麼跳頁

testb程式碼如:

    Title 

这是页面B

登入後複製

更多電腦程式相關知識,請造訪:程式設計教學! !

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

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