a标签超链接带参数跳转并在下一个页面接收

最新推荐文章于 2024-09-23 14:15:30 发布

刺心疯

最新推荐文章于 2024-09-23 14:15:30 发布

阅读量5.5k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： HTML5

本文链接：https://blog.youkuaiyun.com/qq_42363090/article/details/98753663

HTML5 专栏收录该内容

204 篇文章

订阅专栏

本文介绍了如何使用JavaScript从URL中解析查询参数，并通过具体示例展示了如何将这些参数用于网页跳转和控制页面行为。文章详细解释了GetRequest()函数的工作原理，包括如何将URL中的参数转换为JavaScript对象，以便于进一步处理。

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

正文：

<a href="home.html?id=1">跳转</a>

home.html

<script type="text/javascript">
var a=GetRequest();
 
 
 
console.log("id:"+a['id']) //打印出传过来的id
 
 
 
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
 if (url.indexOf("?") != -1) {
       var str = url.substr(1);
       strs = str.split("&");
       for (var i = 0; i < strs.length; i++) {
           theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
       }
   }
   return theRequest;
}
</script>