html a href ="" href ="#" href="javascript void 0;" 区别

最新推荐文章于 2022-11-21 00:18:29 发布
原创 最新推荐文章于 2022-11-21 00:18:29 发布 · 263 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了三种不同的超链接功能：1.仅保留点击功能，页面不跳转；2.刷新并重新加载当前页面；3.页面滚动至顶部，地址栏增加#号。通过实例帮助理解超链接的不同用法。

超链接功能：
    1.可以被点击：样式
    2.点击后跳转到href指定的url

1 a href="javascript:void(0);" 保留1功能，去掉2功能; 相当于仅仅有点击作用，页面不会刷新，不会跳转，也不会回到顶部;
2 a href ="" 默认打开的还是当前页面，会刷新一下重新打开。
3 a href ="#" 浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。

 

详解a href=#与 a href=[removed]void(0) 的区别
09-28
在HTML中，`<a>`标签通常用于创建超链接，而`a href="#"`和`a href="javascript:void(0)"`是两种常见的用法，它们之间有着显著的区别。 首先，`a href="#"`是一个指向页面内部锚点的链接。默认情况下，`#`代表页面...
html 空链接 href="#"与href="[removed]void(0)"的区别
09-28
在HTML中，`href="#"` 和 `href="javascript:void(0)"` 都常用于创建空链接，即点击后无实际跳转行为的链接。它们虽然在视觉效果上可能相似，但在实际应用和用户体验上存在一定的差异。 1. **`href="#"`** 当设置...
html href自动跳转,html href页面跳转获取参数
weixin_32751961的博客
06-02 676
//传递参数var id = columnData.id;var companyname = encodeURI(columnData.companyname);var linename = encodeURI(columnData.linename);text = text + "修改 ";/*** 页面获取参数方法* @param name* @returns*/var LocString ...
HTML链接在当前页面跳转：target属性
259的博客
11-21 1413
HTML链接在当前页面跳转：target属性，_sele / _blank
[HTML]超链接的四种使用方式
weixin_45654230的博客
07-15 3万+
超链接就是让我们从一个页面跳转到其他页面，将各个单独的网页进行关联。
html href刷新页面,html实现a元素href的URL链接自动刷新或新窗口打开
weixin_29150195的博客
06-09 1515
有时我们想实现这样一个功能，点击一个链接，如果这个链接浏览器已经打开过，则刷新已经打开的链接窗口；如果这个链接没有打开过，则使用新窗口打开这个链接页面。这是一个非常好的体验增强功能，可以有效避免浏览器选项卡中打开重复多余的页面。关键是如何实现呢？使用a标签的target属性特性：无论是a链接元素还是form表单元素都有一个名叫target的属性，支持的值包括下面这些：_self：默认值。当前浏览器...
详解a-href=#与-a-href=javascript-void(0)-的区别.doc
12-12
了解a href="#"与a href="javascript:void(0)"之间的区别，对于提升网页用户体验和控制页面行为至关重要。 首先，a href="#"是创建锚点链接的常用方法。点击这样的链接通常会导致浏览器将页面滚动到其锚点位置，而...
html-空链接-href=“#＂与href=＂javascript-void(0)”的区别.doc
12-08
在这个文档中，我们将详细探讨两种常见的空链接写法：`href="#"`和`href="javascript:void(0)"`。 首先，我们需要理解`href="#"`的含义。通常情况下，`#`符号在URL中用来指定页面上的锚点，也就是页面内的一个具体...
html5 实现当前页面跳转(单页面)
我是渣渣
09-13 7606
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;单一页面应用程序&lt;/title&gt; &lt;style&gt; header{font-size: 20px;color: #646464;} na
html 当前页面点击链接跳转到当前页面页面的某个位置
我的专栏
08-10 3万+
通过 href="#id"的方式可以直接跳转到该页面的某个位置，直接上代码： div1 div2 div3 div4 div5 1 2 3 4 5
html中href连接显示到本页面中的某一区域
qq_34601046的博客
12-11 6926
1.本页面链接内容显示到本页面中 1.1部分html内容 &lt;div id="header"&gt; &lt;h3&gt;当前位置：&lt;/h3&gt; &lt;/div&gt; &lt;div id="contain"&gt; &lt;div class="nav"&
HTML的<a>标签利用href=#XX在当前页面跳转时会自动打开新窗口的问题
weiqiang2的博客
01-12 1万+
HTML的标签利用href=#XX在当前页面跳转时会自动打开新窗口的问题 处理方式： 添加target=”_self” target属性详解： _blank是最常见的链接方式，表示超链接的目标地址在新建窗口中打开； _self表示“相同窗口”。点击链接后，地址栏不变；
HTML用两种方式实现将超链接内容显示到当前页面
热门推荐
diligent_lee的博客
08-24 4万+
HTML用两种方式实现将超链接内容显示到当前页面 1. 直接使用超链接 在这里要用到iframe标签，将target指向iframe的name属性。 关键代码： &amp;amp;amp;amp;lt;a href=&amp;amp;amp;quot;task1.html&amp;amp;amp;quot; target=&amp;amp;amp;quot;mainFrame1&amp;amp;amp;quot;&amp;amp;amp;amp;g
HTML中路径href表达
coberup的博客
11-09 1726
存在问题： html中经常需要设置页面或者文件路径，否则引用不到相应文件。 解决方案： 假设有以下文件层级目录： 当前文件定位在add.html中，则： 1）文件在同一个目录下，直接写文件名即可。 <a href =”demo.html”> </a> 或者，文件名前缀 ./ 代表当前目录下 <a href =”./demo.html”> </a> 2）文件在上级目录中，则加前缀 ../ 代表上一级目录。 <link rel="styleshe
HTML问题，a href =" "和 a href ="#"这两个有什么区别？
weixin_30527423的博客
07-23 1691
a href ="" 默认打开的还是当前页面，会刷新一下重新打开。a href ="#" 浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。 转载于:https://www.cnblogs.com/windly/p/5698677.html...
HTML标签总结
Normal_Heart的专栏
07-09 1279
4. 总类（所有HTML文件都有的） 文件类型  （放在档案的开头与结尾） 文件主题  （必须放在「文头」区块内） 文头  （描述性资料，像是「主题」） 文体  （文件本体） 结构性定义（由浏览器控制的显示风格） 标题  （从1到6，有六层选择） 3.0 标题的对齐  3.0 区分  3.0 区分的对齐  引文区块  （通常会内缩） 强调  （通常会以
a href="javascript:;" 与 a href="#"
最新发布
09-16
在HTML中，a标签使用`href="javascript:;"`和`href="#"`存在以下区别： - **页面行为**： - `href="#"`包含了一个位置信息，默认的锚是`#top`，即网页的上端。点击带有`href="#"`的a标签时，页面会跳转到当前页面的顶部 [^1]。 - `href="javascript:;"`让浏览器执行了一段空的JavaScript代码。点击该链接时，虽然浏览器会执行导航动作，但不会刷新页面，其导航目标不是某个页面，而是一段代码，实际上是取消了标签的默认页面跳转行为 [^2]。 - **代码含义**： - `#`是URL的锚点标识符，在URL中用于定位页面内的特定位置。 - `javascript:`是协议名，同`http:`，它告诉浏览器后面的内容是JavaScript代码，浏览器会在全局环境中执行这段代码 [^2]。 - **使用场景**： - `href="#"`常用于需要返回页面顶部或者在页面内进行锚点跳转的场景。 - `href="javascript:;"`（或`href="javascript:void(0);"`）常用于当某一链接要执行一个JavaScript程序时，保留链接的样式，但不让链接执行实际的页面跳转操作，通常会搭配`onclick`事件使用 [^3][^4]。 以下是示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- 点击会跳转到页面顶部 --> <a href="#">返回顶部</a> <!-- 点击执行空的JavaScript代码，无页面跳转 --> <a href="javascript:;">点击无跳转</a> <!-- 搭配onclick事件 --> <a href="javascript:;" onclick="alert(&#39;Hello!&#39;)">点击触发弹窗</a> </body> </html> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值