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

最新推荐文章于 2025-05-27 13:59:24 发布
最新推荐文章于 2025-05-27 13:59:24 发布
阅读量1.4w 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/YABAJ/article/details/49594367
本文分享了一次解决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 1253
统一资源定位符（Uniform Resource Locator，简称URL）是互联网上用于定位资源位置的一种规范。URL参数，也被称为查询字符串（Query String），是位于URL末尾，以问号（?）分隔的部分。它们由一系列的键值对组成，每个键值对之间用和号（&）分隔，用于向服务器传递额外信息，或者在客户端之间共享数据。HTTP（Hypertext Transfer Protocol）是一种用于分布式、协作式和超媒体信息系统的应用层协议。
HTML中的＜a＞＜/a＞标签除了跳转页面以外还有一个很牛逼的功能就是，两个html页面之间传递参数
aA20030316的博客
03-31 237
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 1907
版权声明：本文为博主原创文章，遵循 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 3472
删除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 6574
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 6972
一种，变量传参数： 第二种，嵌套java代码传递参数： ">
Js处理a标签？后带的参数
weixin_42566699的博客
01-28 1078
本文纯属个人成长道路记录，如有错误，请大牛多多指点。 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 5368
获取网页中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`属性而不携带任何查询字符串或其他参数，可以简单地指定一个URL或者使用特定的关键字来实现不同的功能。 #### 基本语法 以下是几种常见的`<a>`标签`href`属性不带参数的写法： ```html <a href="https://www.example.com">访问 Example</a> <!-- 链接到外部网站 --> <a href="/about.html">关于我们</a> <!-- 链接到同一域名下的页面 --> <a href="./contact.html">联系我们</a> <!-- 相对路径链接到当前目录下的文件 --> <a href="../index.html">返回首页</a> <!-- 返回上一级目录并跳转至 index 页面 --> ``` 上述代码展示了如何利用绝对路径和相对路径配置`href`属性[^1]。 #### 特殊关键字作为 `href` 的值 除了具体的URL外，还可以采用一些特殊关键字让`<a>`标签执行其他操作而无需附加额外参数: - **空白占位符 (`javascript:void(0)` 或 `#`)** - 当点击该链接时不会导航到新的位置。 ```html <a href="javascript:void(0)">无动作链接</a> ``` - **邮件客户端调用 (`mailto:`)** - 打开用户的默认电子邮件应用程序准备发送新消息。 ```html <a href="mailto:support@example.com">联系支持团队</a> ``` - **电话拨号 (`tel:`)** - 主要应用于移动设备触发拨打行为。 ```html <a href="tel:+1234567890">致电给我们</a> ``` 这些方法均未涉及追加参数的情况却实现了丰富的交互效果[^2]。 #### Vue 中动态绑定 Href 而不附带参数 即使是在Vue框架下开发单页应用(SPA)，有时也需要手动控制原生HTML元素的行为比如单纯改变某个链接指向而非发起路由切换。此时可以通过v-bind指令完成这一需求同时保持简洁明了的形式。 ```vue <template> <div> <a :href="linkUrl">{{ linkText }}</a> </div> </template> <script> export default { data() { return { linkUrl: 'http://example.org', linkText: '前往Example' }; } }; </script> ``` 此片段演示了如何借助Vue的数据响应特性安全有效地更新普通HTML锚点的目的地而不需要拼接复杂查询串等内容[^3]。 ### 注意事项 当仅需提供基础导向服务时应优先考虑直接硬编码固定网址；而对于更灵活场景则推荐结合模板引擎或脚本来管理变量替换逻辑从而提升可维护性和扩展能力。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值