這篇文章將為大家詳細講解有關jquery如何實現(xiàn)跳轉頁面功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站技術團隊十載來致力于為客戶提供網(wǎng)站設計制作、網(wǎng)站制作、品牌網(wǎng)站制作、成都全網(wǎng)營銷推廣、搜索引擎SEO優(yōu)化等服務。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗豐富的技術團隊，先后服務、推廣了成百上千網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機構單位。

jquery跳轉頁面的方法：首先在頁面里引入jquery文件；然后創(chuàng)建一個按鈕，用來觸發(fā)跳轉；接著為跳轉按鈕添加一個點擊事件；最后通過jquery操作location對象，并調(diào)用attr方法，把href屬性賦值為新的url地址即可。

jquery跳轉頁面

首先需要在頁面里先引入腳本庫文件。

然后創(chuàng)建一個html示例文件test，并且創(chuàng)建一個按鈕，用來觸發(fā)跳轉的，注意當前頁面是叫‘頁面A’的。然后編寫JS腳本邏輯，為跳轉按鈕添加一個點擊事件。我們知道在原生的js里，我們做跳轉是用window對象里的location屬性來處理的，window.location.href = “abc.html"

通過jquery操作location對象，并調(diào)用attr方法，把href屬性賦值為新的url地址就行了。

test完整代碼：

    
    
    


這是頁面A

    

運行頁面，點擊上面的‘跳轉’按鈕。

（注意現(xiàn)在是在頁面A里）

點擊后，就成功跳轉到新的頁面里了，（testb）

testb代碼如：

    
    


這是頁面B

關于“jquery如何實現(xiàn)跳轉頁面功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

新聞標題：jquery如何實現(xiàn)跳轉頁面功能-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/dpdcsg.html