笔记：a标签携带参数跳转并在跳转页面接收参数

最新推荐文章于 2026-05-31 11:49:41 发布

转载最新推荐文章于 2026-05-31 11:49:41 发布 · 9k 阅读

收录于

前端

当前文章被收录于：

前端

63 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

该博客主要围绕a标签参数跳转及在跳转页面接收参数展开，但具体内容未详细呈现。a标签参数跳转是前端开发中常见操作，掌握其使用方法及接收参数方式对页面交互有重要意义。

<!--点击图片跳转到b页面 并将参数id传到b页面-->
<a href="urlb?id=1"><img src="123.jpg"/></a>
 
 
//在b页面接收a页面传过来的id值
<script>
    var id= window.location.href.split("?")[1].split("=")[1];
</script>

<!--encodeURI()传输中文，上个传输方式，接受到的会乱码，编译后再传输-->
<a href="urlb?id=encodeURI(中文)"><img src="123.jpg"/></a>
 
 
//decodeURI() 接收过来得编码，通过方法编译后为中文
<script>
    var id= window.location.href.split("?")[1].split("=")[1];
    console.log(decodeURI(id));
</script>

---------------------
作者：杨葱儿
来源：CSDN
原文：https://blog.csdn.net/weixin_44285250/article/details/88567947
版权声明：本文为博主原创文章，转载请附上博文链接！