在網頁開發中，有時我們會需要在不同的網頁之間傳遞一些數據，這時候我們可以使用HTML傳值。 HTML傳值是常用的方法，但在使用上也會遇到一些問題，例如亂碼問題。
HTML傳值常見的方式包括URL傳參、表單提交、cookie和session等，其中URL傳參和表單提交是最常用的方法。 URL傳參即透過URL在不同的頁面之間傳遞資料。例如，我們可以在一個頁面中使用下面的程式碼傳遞一個參數：
<a href="target.html?name=张三&age=20">传递参数</a>
在目標頁面中可以透過JavaScript來取得參數值：
<script>
var name = getQueryString("name");
var age = getQueryString("age");
function getQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
</script>上述程式碼中，我們使用了JavaScript的正規表示式方法來取得參數值，使用unescape()方法解碼亂碼。
然而，在實際開發中，我們可能會遇到一些無法解決的亂碼問題。這時候，我們需要思考解決方法。
首先，我們可以嘗試將參數值編碼，以避免出現亂碼。常見的編碼方法有兩種，分別是URL編碼和Base64編碼。
URL編碼即將所有特殊字元轉換成%xx格式的編碼，其中”%xx」表示該字元的ASCII碼值以16進位表示的字串。例如，我們可以使用JavaScript的encodeURIComponent()方法對參數進行URL編碼：
<a href="target.html?name=<%=encodeURIComponent('张三')%>&age=<%=encodeURIComponent('20')%>">传递参数</a>在目標頁面中，我們可以使用decodeURIComponent()方法解碼：
<script>
var name = decodeURIComponent(getQueryString("name"));
var age = decodeURIComponent(getQueryString("age"));
function getQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
</script>Base64編碼即將資料進行Base64轉換，以避免出現亂碼。例如，我們可以使用JavaScript的btoa()方法對參數進行Base64編碼：
<a href="target.html?name=<%=btoa('张三')%>&age=<%=btoa('20')%>">传递参数</a>在目標頁面中，我們可以使用atob()方法解碼：
<script>
var name = atob(getQueryString("name"));
var age = atob(getQueryString("age"));
function getQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
</script>除了編碼，我們還可以使用meta標籤指定頁面的編碼方式，例如：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
以上是一些解決HTML傳值亂碼問題的方法，需要根據實際情況選擇合適的方法。同時，我們也需要注意保護用戶隱私，避免將敏感資訊透過URL傳遞。
以上是html html傳值亂碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
