鱼C论坛

 找回密码
 立即注册
查看: 2458|回复: 12

[每日一练] 技法76 (◐‿◑) 独家防‘URL’中文乱码

[复制链接]
发表于 2017-11-4 08:41:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 不二如是 于 2017-11-4 08:41 编辑


                               
登录/注册后可看大图


按照提示,完成代码,秀秀你的编程能力!

不许看答案,否则打屁屁





分析:
        在URL传递中文参数时,浏览器会出现乱码现象,这很正常,因为浏览器对中文参数进行了编码。

        浏览器默认对中文参数进行了编码,但是不同的浏览器处理编码的方式不同。例如:Chrome、IE大多是UTF-8编码,FireFox是ISO-8859-1编码。  
11月-04-2017 08-33-49.gif






Code

HTML:
  1. <h2>URL传参中文出现乱码</h2>
  2.     <input type="button" id='getURL' value="显示例子"/>
复制代码


JS:
  1. <script type="text/javascript">
  2.     window.onload = function(){
  3.         //URL传参中文出现乱码
  4.         document.getElementById("getURL").onclick = function(){
  5.             //为了解决中文字符传递,乱码的问题,一般都将传递的参数利用 encodeURIComponent 进行utf-8格式的url编码,服务端可以进行再解码,这样就解决中文乱码问题了
  6.             var cencodeStr =  encodeURIComponent("欢迎来到鱼C(Fishc.com)");
  7.             alert("调用encodeURIComponent对‘欢迎来到鱼C(Fishc.com)" + cencodeStr +"\n"
  8.                 //decodeURIComponent返回统一资源标识符 (URI) 的一个已编码组件的非编码形式
  9.                     + "调用decodeURIComponent对解码后:" + decodeURIComponent(cencodeStr));
  10.         }
  11.     };
  12. </script>
复制代码





请按照自己的理解订正对概念的认知


代码说明(秀智商
游客,如果您要查看本帖隐藏内容请回复





回顾:






源代码: 76.zip (880 Bytes, 下载次数: 5, 售价: 6 鱼币)





如果喜欢,请订阅


如果喜欢,别忘了评分


                               
登录/注册后可看大图

评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +5 收起 理由
alltolove + 5 + 5 + 5 支持楼主!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-11-4 08:44:31 | 显示全部楼层
我看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-11-16 23:07:19 | 显示全部楼层
本帖最后由 还是鱼头好 于 2018-1-28 20:05 编辑

有个小问题想请教就是
网页里面需要的内容含特殊字符“&#8226;”或者希腊字母这种翻译过来就会变成?的情况
该怎么处理……
蹲等好心人回复
顺道混个回复

&#10548;问题已经解决啦!!!感谢0v0
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-12-25 07:30:58 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-1-8 22:17:16 | 显示全部楼层
看看看看啊看哪款哪款哪款
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-12 19:45:43 | 显示全部楼层
Merci.
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-17 10:40:16 | 显示全部楼层
   不断学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-8-6 14:30:58 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-9-18 09:06:10 | 显示全部楼层
dhdh
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-9-20 12:24:22 | 显示全部楼层
emmm
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-3-23 14:52:28 | 显示全部楼层
1
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2023-9-22 11:23:07 | 显示全部楼层
1
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2023-11-13 14:05:55 | 显示全部楼层
1
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 07:55

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表