html 中a标签中href属性 加#号和不加#号的区别

最新推荐文章于 2022-12-05 11:04:25 发布
最新推荐文章于 2022-12-05 11:04:25 发布
阅读量5.3k 收藏 1
点赞数
分类专栏： Js Asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/quanwuhui/article/details/46303035
版权

今天在开发一个功能时,其中有一个a标签,前端使用jQuery中的focus获取焦点后,点击Enter按钮,系统不会自动触发 绑定在a标签上的Click事件.在仔细对比后,发现在a上加入 href="#"

就可以解决这个问题了,特此记下分享.

quanwuhui
关注
专栏目录
jQuery 循环遍历改变a标签的href(实例讲解)
12-03
把info类下面所有的a标签链接后天加”#article”。 jQuery(document).ready(function($){ 　　$('.info a').each(function(){ 　　　　let Ahref = $(this).html() + "#article"; 　　　　$(this).attr("href",Ahref); 　　}); }); 以上这篇jQuery 循环遍历改变a标签的href(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
PHP替换HTML文件中所有a标签的HREF属性
08-28
PHP替换HTML文件中所有a标签的HREF属性，其他代码不变，不管执行多少次都不变
A标签尽量不用#号
fangfengzhen115的专栏
07-01 1021
编辑
href="#" 详解
renyuanchunby的专栏
04-09 3275
首先，<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式，而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同。其次，使用 <a> 标签 + onclick='{jscode}' 时经常会加一个 href='###'，而有时这个 href='###'...
href 里面 链接前面加/与不加的区别？(绝对路径与相对路径)
weixin_30702413的博客
09-23 1278
在写href链接时，有绝对路径与相对路径,href 里面 链接前面加/与不加的区别？ href="/cp/images/lis.jpg" 相对路径 cp前面/会获取当前路径，组合成一个完整路径 去定位资源 href="cp/images/lis.jpg" 绝对路径 直接上cp/images/lis.jpg 去定位资源 href="http://www.lib.c...
html中加号属性名,HTML标签常见和不常见但常用的属性
weixin_34177886的博客
06-01 291
1. 常见中比需抖接朋功要朋插的标签属性1. src = "地址"；2. href = "地址"；3. target = "_self/_blank/_parent/_top/framename"; 链接的打开方式。4. value = "值"；5. alt = "加载失败显示时显示的文本内容"；6. title = "鼠标滑过显示内容"；7. type = "按钮类型"；常见于input标签；8...
详解Html a标签中href和onclick用法、区别、优先级别
08-31
在`<a>`标签中，`href`和`onclick`是两个重要的属性，它们各自有不同的用途和交互方式。 `href`属性是`<a>`标签的核心属性，用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL，指向另一个网页；也可以是一个...
a标签href属性和onclick事件的比较介绍
09-28
最后，关于<a>标签的href属性和onclick事件的使用，还涉及到HTML标准和浏览器兼容性的问题。在不同的浏览器中可能会有细微的差别，因此在开发过程中进行充分的测试是非常必要的。总之，正确地使用href属性和onclick...
A标签中通过href和onclick传递的this对象实现思路
12-03
当涉及到在`<a>`标签上同时使用`href`属性和`onclick`事件时，`this`对象的行为可能会变得复杂，特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题，并提供解决思路。 首先，`this`关键字在...
asp.net 中 a标签中href=“#”属性和 onclick()事件详解
lm18307210047的博客
05-16 9429
这几天做网站项目中遇到一个问题，就是在嵌套网站的时候发现不管onclick()跳转到任何页面，都会刷新当前页面，后来我才发现，是a标签搞的鬼， 1:a标签中href=“#”是指跳转到当前页面，所以刷新的就是你的当前页面，而同时存在onclick，href的时候会首先执行onclick事件，然后才是href 2.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或
URL传值带加号“+”的问题的解决方法
llwan的专栏
10-24 3万+
使用encodeURIComponent 如str="a+b"; url="sql_str.jsp?sql="+str; 要改成： url="sql_str.jsp?sql="+encodeURIComponent(str); URL传值带加号“+”的问题的解决方法 今天在调试客户端向服务器传递参数时，参数中的“+”全部变成了空格，原因是URL中默认的将“+”号转义了。
href=“#“是什么意思呢?
Ice Point.
10-26 1万+
“#”的意思是链接当前页面。 一般的格式是： <a href="#"></a> href在是CSS代码的一种意思是指定超链接目标的URL。 在HTML和jsp中作用一般为插入超链接，“#”是默认的当前页面，可以把#后面加上想要跳转的页面。 <a href="#" οnclick="window.close()">关闭</a> 。 将href="#"是指链接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的 οnclick="window.close
前端框架里url中#的真正作用
BHSZZY的博客
12-05 2760
最近看本人公司的前端项目，发现url中经常会包含 # 号，如下： 其中，是一个controller的mapping，也是一个controller的mapping，是个参数，的controller会接收这个参数，根据值不同进行不同的处理、展示不同的菜单。但是，其中的，一直搞不懂是什么意思。主要有2个问题： 1.如果点击页面按钮，后的内容就会变化，展示不同的页面 例如： 2.但是，如果直接修改浏览器中的url中#后面的内容，页面却不会变，没有任何作用 汇总一下，问题就是： 后的内容有什么用？到底是怎么实现页面跳
html中标签a中href属性值的两种特殊情况，空格和井号
盖嘎嘎嘎的博客
04-17 9407
默认打开的还是当前页面，会刷新一下重新打开，会回到页面顶部。效果相当于F5后重新加载了页面。 浏览器地址栏网址后面会多1个#。不会刷新页面，会回到页面顶部。只是在页面内部跳转，并没有重新加载页面。 下图是原始的网页： 下图是使用空格的页面： 下图是使用井号的页面：
解决Enter键与input 、a标签触发的事件的冲突
dicha7140的博客
09-27 473
无论是 <button type="button" onclick="console.log('123');">123</button> 还是 <a href="#" onclick="console.log('123');">测试链接</a> 在点击并且触发完事件后，当我们继续按下enter键时。会不断的触发点击事件。解决...
a标签中href=""的几种用法
热门推荐
Wendy
10-11 24万+
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法（参考总结的） 1、a href="javascript:js_method();" 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h
a标签设置href=“#“
weixin_46021847的博客
11-16 4669
重点 a标签href属性设置为“#”，则表示一个空链接，单击空链接，页面不会发生变化。 拓展 1.为a标签设置href属性，属性值为“#+锚点名称”。 2.例如，输入“#myID”。 <h1 id="myID">图片1</h1> <p><img src="images/1.jpg" alt=""></p> 3.如果链接到不同的页面，例如text.html，则输入“text.html#myID”，可以使用绝对路径，也可以使用相对路径
html中a标签里的href属性
最新发布
07-28
在HTML中，`<a>`标签用于创建链接，其中的`href`属性用于指定链接的目标URL。`href`属性的值可以是一个绝对URL（包含完整的域名和路径），也可以是一个相对URL（相对于当前页面的路径）。 以下是一个示例，演示如何...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值