简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

有關html頁面跳轉傳遞參數的問題詳解

巴扎黑
發布： 2017-05-21 09:28:24
原創
1938 人瀏覽過

這篇文章主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下

效果如下：

a頁面

#點擊跳轉按鈕後

在b頁面可以取得對應的值。

程式碼如下：

a頁面:
 


#
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>a页面</title>
    <script>
        $(function(){
             name = $("#name").text();
             age = $("#age").text();
            $("#btn").on("click",function(){
               jump1();
            });
        });
        function jump1(){
            url = "b.html?name="+name+"&age="+age;//此处拼接内容
            window.location.href = url;
        }
    </script>
</head>
<body>
   <p id="name">tony</p>
   <p id="age">23</p>
   <button id="btn">跳转</button>
</body>
</html>
登入後複製

將要跳到的b頁:


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>b页面</title>
    <script>
        $(function(){
           getData1();
        });
        function getData1(){
            var name = $.query.get("name");
            var age = $.query.get("age");
            $("#name").text(name);
            $("#age").text(age);
        }
    </script>
</head>
<body>
   <p id="name"></p>
   <p id="age"></p>
</body>
</html>
登入後複製

以上是有關html頁面跳轉傳遞參數的問題詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
傳遞參數
來源：php.cn
上一篇：需要了解關於Web Workers的7件事 下一篇：在html、css和js程式碼中有關註解規範用法小結
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在 PHP 中利用 VueJS 元件 我想混合由Php和VueJS元件產生的基本HTML，而不必一直使用VueJS到最低的dom葉子。父佈局應用了Vue應用程序，所有標頭、導航、旁注等都是Vue元件，大多數頁面上的主要...
來自於 2023-11-11 00:01:44
0
2
288
Nuxt 3動態頁面變更URL，但內容不變且僅取得資料一次 我有一個products/index頁面，主產品頁面中有products/[slug]我有一個NuxtLink來更改頁面並前往products/[slug]並取得資料對於該產品。第...
來自於 2023-11-03 14:39:04
0
1
285
FastAPI 和 OpenCV：為尖端視訊串流應用程式提供動力 我正在嘗試渲染一個HTML頁面，該頁面顯示來自網路攝影機的視訊串流。但是，我面臨以下錯誤：500ServerErrorTypeError:TemplateResponse()mis...
來自於 2023-10-26 19:57:54
0
1
327
Vue JS Router：重定向時重新載入頁面 我有一個帶有Login.vue和Home.vue檔案的應用程式。因為我將管理HTML網站轉換為vue3應用程序，所以我的javascript僅適用於頁面重新載入。在創建應用程式時，...
來自於 2023-10-26 11:53:46
0
2
188
在 HTML 頁面之間共享數據 我想將一些資料從一個HTML頁面傳送到另一個HTML頁面。我透過http://localhost/project/index.html?status=exist等查詢參數發送資料。...
來自於 2023-10-16 22:00:21
0
2
349
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！