这个不叫乱码，我非专业。这个是url编码，js本身就是读取url编码的。对于js获取url的中文你可以尝试用escape() encodeURI() encodeURIComponent() decodeURI()

来使js停止或者转换url编码

直接看代码吧。

第一个html，取名叫  a.html

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>第一页</title>

	</head>

	<body>

		<a href="b.html?id=1&name=胖娘子">点我带参数跳转</a>

	</body>

</html>

　　第二个页面，获取参数的页面，取名叫   b.html

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>接受参数页</title>

	</head>

	<body>

		我是接受参数页

	</body>

	<script type="text/javascript" charset="UTF-8">

	    //获取参数方法

		function GetUrlParam(name){

  		  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

		  var r = window.location.search.substr(1).match(reg);

		  if(r!=null)return unescape(r[2]); return null;

		}

		//使用获取参数方法

		var id= GetUrlParam("id");

		var name = GetUrlParam("name");

		console.log("id:"+id+"  name:"+name);

	</script>

</html>

　　我以上的写法最后得出来的结果是

接下来看看如何解决

encodeURI()转码，decodeURI()解码

<script type="text/javascript" charset="UTF-8">

	    //获取参数方法

	     function GetUrlParam(name){

  		  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

		  var r = encodeURI(window.location.search).substr(1).match(reg);

		  if(r!=null)return unescape(r[2]); return null;

		}

	   //使用获取参数方法

	    var id= GetUrlParam("id");

		var name = decodeURI(GetUrlParam("name"));

		console.log("id:"+id+"  name:"+name);

</script>

最后获取的结果

用encodeURI()函数对地址栏进行转码，然后用decodeURI()函数进行解码

就完美解决问题了，亲自实践，确实可行。

两个HTML地址栏传中文参数乱码的更多相关文章

  1. Tomcat地址栏传中文参数乱码问题处理

    javascript中有时需要向后台传递中文参数,再次展示到前台时显示为乱码,解决方案: 方案1:修改Tomcat-conf-server.xml文件 大约69-71行  修改为: <Conne ...

  2. asp.net——地址栏传递中文参数乱码解决方案

    地址栏传递中文参数乱码解决方案: 很多人在使用地址栏传递参数的时候都会遇到一个麻烦的问题(参数为中文时乱码了),那要怎么解决呢? 其实解决这个问题也不怎么难,无非就是给要传递的中文参数一个编码解码的过 ...

  3. 关于window.location.href 传中文参数 乱码问题

    传中文查询乱码问题 则需要对要传的参数进行二次编码 例如  window.location.href ="/xx.jsp?name="+name+""; 这样子 ...

  4. 火狐浏览器URL中传中文参数乱码问题

    火狐浏览器:前端页面传中文 <span data-bind=" check_action:'roleMenuPriv'"> <a data-bind=" ...

  5. AJAX在GBK编码页面中传中文参数乱码的问题

    ---恢复内容开始--- 页面编码是GBK的情况下传递中文有乱码,解决方法如下: 在ajax传递前用若是Array,JSON,等其它对象,可用JSON.stringfy字符串序列化后,赋值给ajax传 ...

  6. 通过url给action传中文参数乱码解决方案

    比如: http://localhost:8080/projectName/dutyCondition.action?admitstate=0&currentStep=我的博客 传到后台的时候 ...

  7. get传中文参数乱码解决方法

    通常我们前端不同页面之间传参数用得最多的方法就是get方法:在url后面加上参数.例如:www.test.com?id=1&name=hello. 英文和字母很好处理,但是如果有的参数值为中文 ...

  8. IE下get方式传中文参数乱码解决方法

    乱码原因:浏览器在传递url的时候,会使用自己的编码格式对地址进行编码,如果浏览器所使用编码与服务器采用编码不一致,服务器接收到的参数就会出现乱码.在firefox,chrome下正常,ie下会出现乱 ...

  9. javaweb使用 window.location.href 传中文参数 乱码问题

    JS: var cn_name=  document.getElementById("cn_name"); window.location.href="${URL}?na ...

随机推荐

  1. 【Debian 8.8】Java 8 安装以及环境变量配置

    事实上可以分为简单的三个步骤: 下载 JDK 压缩包 解压压缩包 配置环境变量 需要注意的是: 所有命令默认在 root 权限下进行! 演示环境是 Debian 8.8 64位 (阿里云学生机) 1. ...

  2. MySQL数据备份之mysqldump使用（转）

    mysqldump常用于MySQL数据库逻辑备份. 1.各种用法说明 A. 最简单的用法: mysqldump -uroot -pPassword [database name] > [dump ...

  3. Android打包版本号设置

    之前没有设置过打包的命名,每次打包都是默认的"app-realease.apk",之后手动修改名字来显示出它是一个新版本. 晚上学习了如何配置打包名称,很简单,修改build.gr ...

  4. End up with More Teams UVA - 11088

    End up with More Teams Time Limit: 3000MS   Memory Limit: Unknown   64bit IO Format: %lld & %llu ...

  5. hdu4081（秦始皇的道路系统）

    During the Warring States Period of ancient China(476 BC to 221 BC), there were seven kingdoms in Ch ...

  6. asp.net core封装layui组件示例分享

    用什么封装?自然是TagHelper啊,是啥?自己瞅文档去 在学习使用TagHelper的时候,最希望的就是能有个Demo能够让自己作为参考 怎么去封装一个组件? 不同的情况怎么去实现? 有没有更好更 ...

  7. ViewData 不可以有特殊字符，比如. ,等只允许数字字符和空格

    ViewData 不可以有特殊字符,比如. ,等只允许数字字符和空格

  8. Ubuntu 16.04源码编译安装nginx 1.10.0

    一.下载相关的依赖库 pcre 下载地址 http://120.52.73.43/jaist.dl.sourceforge.net/project/pcre/pcre/8.38/pcre-8.38.t ...

  9. 从头编写 asp.net core 2.0 web api 基础框架 (4) EF配置

    第1部分:http://www.cnblogs.com/cgzl/p/7637250.html 第2部分:http://www.cnblogs.com/cgzl/p/7640077.html 第3部分 ...

  10. ajax和jsonp使用总结

    前言:ajax和jsonp可以与后台通信,获取数据和信息,但是又不用刷新整个页面,实现页面的局部刷新. 一.ajax 定义:一种发送http请求与后台进行异步通讯的技术. 原理:实例化xmlhttp对 ...