jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能-創(chuàng)新互聯(lián)

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

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

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

jquery跳轉(zhuǎn)頁面

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

jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能

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

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

test完整代碼：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<h4>這是頁面A</h4>
<div>
    <input class="btn btn-primary" type="button" value="跳轉(zhuǎn)">
</div>
<script>
    $(document).ready(function () {
        $(".btn").click(function () {
            $(location).attr("href","testb.html")
        })
        
    })
</script>
</body>
</html>

運行頁面，點擊上面的‘跳轉(zhuǎn)’按鈕。

jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能

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

點擊后，就成功跳轉(zhuǎn)到新的頁面里了，（testb）

jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能

testb代碼如：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h4>這是頁面B</h4>
</body>
</html>

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

名稱欄目：jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://muchs.cn/article36/dpdcsg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站改版、網(wǎng)頁設計公司、建站公司、響應式網(wǎng)站、品牌網(wǎng)站設計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化