a标签href带参数跳转在javascript中问题

最新推荐文章于 2025-05-27 13:59:24 发布
原创 最新推荐文章于 2025-05-27 13:59:24 发布 · 1.4w 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文分享了一次解决JS获取URL参数为null的问题经历。通过对比两种不同的<a>标签写法，指出了当参数作为字符串传递时正确的设置方式。

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

第一次遇到这个问题时真心找了好久的资料，结果竟然是如此简单。。+...+

例如我这么写：

<a href="JSP/info.jsp?flag=getInfo"></a>

在js中取值时，var flag=<%=request.getParameter("flag")%>;

结果flag怎么都是null，开始我还以为是js的语法错误呢。。。原谅我的经验不足。。。

后来我终于发现我这么写才是对的：

<a href="JSP/info.jsp?flag=‘getInfo’"></a>。。。

有木有觉得多了点啥

我解释一下：因为我传的参数是个字符串，而字符串是个对象，需要定义，但如果我的参数是个数字的话，就没有这种问题了

A标签中通过href和onclick传递的this对象实现思路
12-03
在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是就将这个URL写成”[removed]shoControlSidebar(this)”，可是结果发现这并不可行，传递过去的参数是一个对象，但是却得不到任何其他信息。我想得到的是innerText，而这个this并非指向它所在的A标签。 这是<a>和<a>不同的地方。 当使用onc
js如何利用a标签href实现页面跳转，并动态传递参数，如id。
weixin_38652318的博客
09-20 1万+
js如何利用a标签href实现页面跳转，并动态传递参数，如id。 <a :href="'/three/sing?id='+id" target="_blank">点击新的页面</a> 其中/three/sing为新的页面地址，也为进入app中view.py中所定义的函数的url。加号后面的id为动态参数。? 号是为了在新页面中提取href传的参数。 需要注意的是，href前面需要加冒号才能传递动态参数！ ...
HTML页面跳转与参数传递的实用示例
最新发布
weixin_36427956的博客
05-27 1272
统一资源定位符（Uniform Resource Locator，简称URL）是互联网上用于定位资源位置的一种规范。URL参数，也被称为查询字符串（Query String），是位于URL末尾，以问号（?）分隔的部分。它们由一系列的键值对组成，每个键值对之间用和号（&）分隔，用于向服务器传递额外信息，或者在客户端之间共享数据。HTTP（Hypertext Transfer Protocol）是一种用于分布式、协作式和超媒体信息系统的应用层协议。
HTML中的＜a＞＜/a＞标签除了跳转页面以外还有一个很牛逼的功能就是，两个html页面之间传递参数
aA20030316的博客
03-31 238
HTML中的<a></a>标签除了跳转页面以外还有一个很牛逼的功能就是，两个html页面之间传递参数
＜a＞标签带参数跳转并在下一个页面接收
a_靖的博客
09-07 1万+
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： <a href="home.html?id=1">跳转</a> //home.html <script type="text/javascript"> var a=GetRequest(); console.log("id:"+a['id']) ...
通过a标签向后台传递参数
wkywky123的博客
03-20 1908
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。,所以获取js数据的时候用的是[[${username}]].这样就可以实现a标签动态的向后台传输数据了.我后台模板引擎用的是。
vue.js 实现a标签href里添加参数
10-16
在Vue.js中，有时我们需要在`<a>`标签的`href`属性中动态添加参数，以便根据用户的数据或状态创建个性化的链接。这通常在构建动态路由或传递查询参数时非常有用。以下是如何在Vue.js中实现这个功能的详细步骤。 ...
在JS中a标签加入单击事件屏蔽href跳转页面
01-19
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发[removed]事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在...
javascript和jquery修改a标签的href属性
10-26
在上面的代码中，`getElementById` 方法接收一个字符串参数，该参数是你想要修改的 a 标签的 ID。一旦获取到该元素，你可以使用 `setAttribute` 方法来设置它的任何属性，包括 `href`。另外，你也可以直接通过 `.` ...
a标签携带参数跳转并在跳转页面接收参数
weixin_44754351的博客
02-07 2403
<!--点击图片跳转到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()传输中文，上个传输方式，接受到的会乱码，编译后再
html中href传递参数,a href带参数传递
weixin_39576104的博客
06-10 3474
删除c:url设置好url。r:a 标签再使用。传过去了，控制器怎么得到呢，下面的方法：@RequestMapping(value = "/{id}",params = {"courseId"},method = RequestMethod.DELETE)url变成是?参数的格式。所以要从一个方法跳到类似上面那种带参数格式的，就如此：@RequestMapping(value = "/{id}",...
a标签的href传递信息
月迷津渡丶的专栏
05-16 881
任务：点击第一张图跳转至第二张图的对应项目：                             -- A:href:href="list?li5" ?后面是要传递的信息，如li5 在第二个页面，假设某元素    id="li5" js:var url = location.search; $('#'+url.substr(1)).click();加粗的即是li5
a href带参数传递
学而不思则罔 思而不学则殆
05-14 3万+
@RequestMapping(value = "/{id}",params = {"courseId"},method = RequestMethod.DELETE)
a标签href属性传递参数，onclick属性传递参数
想要全栈chris的博客
01-06 2万+
1.href 传递变量 $(".dowebok").append('<a class="notice-content" id="href_content" target="_top" href="../../view/notice/noticeDetail.html?id='+announceId+'&str='+str+'">'+ G.globalHtmlCharDecode(data.data[
vue----如何在a标签的href中传入需要的参数
热门推荐
bobobocai的博客
04-24 3万+
&lt;a :href="value.goodsId"&gt;&lt;/a&gt; 当点击a标签跳转到商品详情页的时候，需要获取到点击的商品的goodsId，所以要在a标签的href上传入goodsId的参数，但是直接   &lt;a href="{{value.goodsId}}"&gt;&lt;/a&gt; 或者 &lt;a :href="value.goodsI
学习路之html--a标签传递参数
Green
12-10 6576
a标签传递参数 a标签传递参数 单个参数：参数名称前面跟 ? <a href="localhost:8080/arguments?id=1">单个参数</a> 多个参数： 参数与参数之间使用连接符 & <a href="localhost:8080/arguments?id=1&name='name'">多个参数</a> <a href="javascript:;" layuimini-content-hr...
关于<a href></a>，传参数的总结？
mll999888的专栏
03-14 6974
一种，变量传参数： 第二种，嵌套java代码传递参数： ">
Js处理a标签？后带的参数
weixin_42566699的博客
01-28 1079
本文纯属个人成长道路记录，如有错误，请大牛多多指点。 a标签代码块（可携带多个型参） <a href='caseCode.html?indexPage3Id=1'> 获取a标签？后携带的参数，并返回集合，同时传递给ifIndexPage3Id函数。 function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") !
a标签带参数跳转页面，并在跳转页面接受参数
qq_41964720的博客
04-27 5373
获取网页中url属性使用的是window.location对象 windows.loaction对象的属性 属性 描述 herf 返回的是当前页面的整个url protocol 返回的是url的协议 hostname 返回的是主机名（域名） host 返回的是主机名（域名）包含端口号 port 返回的是主机端口 pathname 返回的当前页面的路径名 search 返回的是？后面的部分（包含？） hash 返回锚点（
a标签href不带参数
03-24
### 设置 `<a>` 标签 `href` 属性不带参数的示例与用法 在HTML中，`<a>`标签用于创建超链接。其核心属性之一是`href`，它定义了链接的目标地址。如果希望设置`<a>`标签的`href`属性而不携带任何查询字符串或其他...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值