站長資訊網
針對中文亂碼問題，最主要是通過(encodeURI，decodeURI)，(encodeURIComponent，decodeURIComponent)兩種方法進行參數的編碼以及解碼工作，其中前者最主要針對的是整個url參數。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
在日常開發當中，我們可能遇到要將某個頁面的參數通過url鏈接拼接的方式傳遞到另一個頁面當中，在另一個頁面當中進行使用，如果傳輸過去的是中文，那么可能會遇到中文亂碼問題，那么該如何來解決呢？
<!--test01.html--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <p id="userName">你好明天</p> <p οnclick="send();">點擊測試</p> <script> function send(){ var url = "test02.html"; var userName = $("#userName").html(); // window.open(encodeURI(url + "?userName=" + userName)); //encodeURI針對整個參數進行編碼 window.open(url + "?userName=" + encodeURIComponent(userName)); //encodeURIComponent針對單個參數進行編碼 } </script> </body> </html>
<!--test02--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <p id="userName"></p> <script> var urlinfo = window.location.href;//獲取url var userName = urlinfo.split("?")[1].split("=")[1];//拆分url得到”=”后面的參數 // $("#userName").html(decodeURI(userName)); //decodeURI針對整個參數進行解碼 $("#userName").html(decodeURIComponent(userName)); //decodeURIComponent針對單個參數進行解碼 // $("#userName").html(userName); </script> </body> </html>
針對中文亂碼問題，最主要是通過(encodeURI，decodeURI)，(encodeURIComponent，decodeURIComponent)兩種方法進行參數的編碼以及解碼工作，其中xxxxURI最主要針對的是整個url參數，xxxxURIComponent針對的是單個url參數；
簡單的分享就到這里，如有疑問，歡迎留言~
【推薦學習：javascript高級教程】
