URL地址中使用中文作为参数 js如何获取中文值（导航自动切换样式时）

最新推荐文章于 2025-02-23 10:51:50 发布

Sparrowflying

最新推荐文章于 2025-02-23 10:51:50 发布

阅读量616

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/Sparrowflying/article/details/78246530

版权

js 专栏收录该内容

13 篇文章

订阅专栏

在实现导航自动切换样式时，遇到URL地址包含中文参数导致的问题。当链接如'/index/type/新闻'时，浏览器地址显示正确，但通过变量获取的URL字符串与浏览器地址不一致。通过使用JavaScript的decodeURI()函数处理URL字符串，成功解决了中文参数识别问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天做一个导航自动选中时遇到的问题，情况如下：

链接地址为<a href="/index/type/新闻">...</a>

浏览器地址栏显示链接为"xxxxx/index/type/新闻"

               $(function(){//导航选中样式
			var urlstr = location.href;
			$("#sidebarnav a").each(function () {
				if (urlstr.indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {	
					$(this).parent().addClass('active');
				}else{
					$(this).parent().removeClass('active');
				}
			});
		});

运行失败后检查，发现【urlstr】值与浏览器显示地址不一致，将【urlstr】使用 decodeURI() 函数处理，问题解决。

修改后代码如下：

                $(function(){//导航选中样式
			var urlstr = location.href;
                        var decode_url = decodeURI(urlstr);
			$("#sidebarnav a").each(function () {
				if (decode_url .indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {	
					$(this).parent().addClass('active');
				}else{
					$(this).parent().removeClass('active');
				}
			});
		});