这个不叫乱码，我非专业。这个是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. 从C#到TypeScript - 高级类型

    C# vs TypeScript - 高级类型 上一篇讲了基础类型,基本上用基础类型足够开发了,不过如果要更高效的开发,还是要看下高级类型,这篇和C#共同点并不多,只是延用这个主题. 联合类型 可以从 ...

  2. JDFS:一款分布式文件管理系统，第四篇(流式云存储续篇)

    一 前言 本篇博客是JDFS系列博客的第四篇,从最初简单的上传.下载,到后来加入分布式功能,背后经历了大量的调试,尤其当实验的虚拟计算结点数目增加后,一些潜在的隐藏很深的bug就陆续爆发.在此之前笔者 ...

  3. oracle数据库知识点

    1.oracle启动后的服务 1. Oracle ORCL VSS Writer Service:Oracle卷映射拷贝写入服务,VSS(Volume Shadow Copy Service)能够让存 ...

  4. Nim or not Nim? hdu3032 SG值打表找规律

    Nim or not Nim? Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  5. 玩转 sublime3 第二弹 ES6环境

    安装node: node作为JS的运行环境必须安装 文件下载:https://nodejs.org/dist/v6.11.4/node-v6.11.4-x64.msi 备注:可以去官网 https:/ ...

  6. Bootstrap table 元素列内容超长自动折行显示方法?

    共需要四步: 1.在table元素的父容器div加上:class="table-responsive" 3.设置表头th的width:<th width="20%& ...

  7. ch1-vuejs基础入门（hw v-bind v-if v-for v-on v-model 应用组件简介 小案例）

    1 hello world 引入vue.min.js 代码: ----2.0+版本 <div id="test"> {{str}} </div> <s ...

  8. C#微信公众号/订阅号开发 接口源码

    using System; using System.Web; using System.IO; using System.Text; using System.Web.Security; using ...

  9. Druid连接池

    Druid 连接池简介 Druid首先是一个数据库连接池.Druid是目前最好的数据库连接池,在功能.性能.扩展性方面,都超过其他数据库连接池,包括DBCP.C3P0.BoneCP.Proxool.J ...

  10. python 目录文件

    每天写一点,总有一天我这条咸鱼能变得更咸 python 中对文件及目录的操作基本依赖与os,shutil模块,其中以os模块为主,最主要的几个方法实例如下: 1.判断文件/目录是否存在(os.path ...