問題：

最近遇到一個問題，在A頁面跳轉到B頁面時，同時將一個值帶到B頁面並顯示出來，百度了很多方法，發現很多年並不是前端的東西，最後找到一個比較靠譜的方法，分享給大家

解決：

頁面其他內容不再展示，只寫A,B兩個頁面的JS程式碼段，有基礎的同學應該是能看懂的。

注：中文傳輸:可以在頁面a用encodeURI 編碼url  在b頁面用decodeURI解碼url

  A頁面JS程式碼

<script language="JavaScript">
    function test(){
        var temp = document.getElementById("txt");
        location.href="test2.html?"+"txt="+encodeURI(temp.value);
    }
</script>
 

  B頁面JS程式碼

<script type="text/javascript">
    // 地址的總長度
    var n1 = location.href.length;
    // 取得=號的位置
    var n2 = location.href.indexOf("=");
    // 擷取=號後面的內容
    var id = decodeURI(location.href.substr(n2+1, n1-n2));
    // 控制檯列印輸出
    console.log("獲取的郵箱地址：" + id);
    // 將獲取的值設定到指定位置
    $("#temp").html(id);
</script>
 

 總結：

這種方法對傳遞幾個值的情況適用，如果傳遞的值比較多的話，這種方法有一定得侷限性。

各位同學有好的方法的話，歡迎交流分享！