a href=#与 a href=javascript:void(0) 的区别

最新推荐文章于 2024-04-04 12:01:50 发布
最新推荐文章于 2024-04-04 12:01:50 发布 · 116 阅读 · 0
文章标签：

#JavaScript #脚本 #HTML #ViewUI

本文解释了HTML中锚点('#')与javascript:void(0)的区别。锚点默认指向页面顶部，而javascript:void(0)则作为一个不执行任何操作的死链接存在。使用javascript:void(0)有助于避免页面滚动到顶部的情况。

转自http://www.cnblogs.com/xiang/archive/2006/09/05/495828.html
＃包含了一个位置信息默认的锚点是＃top 也就是网页的上端,而javascript:void(0)  仅仅表示一个死链接.
这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首,而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0),或者<input onclick><div onclick>等. 



iteye_8419
关注
JavaScript链接中应该使用“href=“#“还是“javascript:void(0)“？
Jerry学长
05-30 689
对于只执行JavaScript代码的链接，比href="#"更加可靠和稳定。然而，最优的做法是不使用链接元素，而是使用标签，并通过CSS进行样式化，然后在JavaScript中为其绑定事件。这样不仅能提高代码的可维护性，还能确保页面的语义正确性和可访问性。如果你开发的是公共网站，应始终参考最佳实践，努力实现渐进增强和优雅降级。
域名中网页不带html,HTML – 网址中#/表示什么？
weixin_35815640的博客
05-30 2178
#符号后面的URL部分通常不会在页面请求中发送到服务器.如果您打开Web检查器并观察页面请求,您将看到#/ dashboard部分根本不包含在请求中.在普通(基本HTML)网页上,#符号可用于链接到页面中的某个部分,以便浏览器在页面加载后跳转到该部分.在花哨的javascript密集的Web应用程序中,通常使用#符号,后跟更多的URL路径,例如www.example.com/some-path#/...
C语言——“#”号
脑壳有点痒，好像要长脑子了！
08-12 7957
在C语言中有着许许多多的符号，下面就一起来看看（#）这一符号吧，它有着许许多多的功能。
# 和 ## 运算符
weixin_42136255的博客
12-22 9718
# 和 ## 运算符
# 和 - 区别
weixin_34088583的博客
01-17 1139
# 定义文件内部的标示 - 定义程序的忽略的标示。 转载于:https://www.cnblogs.com/feiyun8616/p/6293579.html
详解a href=#与 a href=[removed]void(0) 的区别
09-28
3. `<a href="javascript:void(null)"></a>`：与`void(0)`相似，`void(null)`同样不返回值，但并非标准用法。 4. `<a href="#" onclick="return false;"></a>`：阻止默认行为，但可能在某些浏览器中不一致。 5. `...
详解a-href=#与-a-href=javascript-void(0)-的区别.doc
12-12
了解a href="#"与a href="javascript:void(0)"之间的区别，对于提升网页用户体验和控制页面行为至关重要。 首先，a href="#"是创建锚点链接的常用方法。点击这样的链接通常会导致浏览器将页面滚动到其锚点位置，而...
[removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
11-25
<a href="javascript:void(0)" onclick="yourFunction()">调用函数链接</a> ``` 在某些情况下，`javascript:void(0)`可能在Internet Explorer中导致问题，比如停止GIF动画的播放。为避免这种情况，可以考虑使用`#`...
vue路由上的#/怎么去掉_如何去掉vue路由中的#
weixin_39830588的博客
12-19 1707
通过脚手架vue-cli构建的项目，在项目启动后，URL地址上都会带有#，如：http://localhost:8080/#/father原因：这是因为vue-router默认hash模式，使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。因为对于正常的页面来说，更换url一定是会导致页面的更换的， 而只有更换url中的查询字符串和hash值得时候...
##和#的作用
weixin_30287169的博客
08-01 534
// #表示：对应变量字符串化 // ##表示：把宏参数名与宏定义代码序列中的标识符连接在一起，形成一个新的标识符 #include <stdio.h> #define trace(x, format) printf(#x " = %" #format "\n", x) #de...
网址url中的 '#' 号
duhaomin的专栏
01-11 2263
该符号原本是做来在客户端实现页面的滚动的，#号后边的内容是不会被发送到服务器的，默认只在本地运行，这样也可以利用它来做一些本地的逻辑运算： document.cookie ='11;'; test var backstr = location.hash.substr(1); var call = backstr.split('='); eval(call[0]+"();"
#define和#、##、@#解析：
H20041112的博客
04-04 2564
C语言源文件要经过预处理、编译、链接才能生成可执行程序。预处理就是再编译前，对源文件进行简单的加工处理。预处理主要是以 # 开头的命令，例如 #include<stdio.h> #define 等。预处理命令要放在所有函数之外，而且一般都放在源文件的前面。定义标识符是 #define 最常见的用法，也可以说是没有参数的宏定义。流程为：#define -----> 标识符（也叫宏名、宏） ------>替换列表。
地址栏中的#是什么意思
vincent_duan的专栏
12-15 6621
我们在开发vue时，地址栏中会出现#，如下图所示： 当我们点击跳转A页面时： 那么地址栏中的#到底是什么意思？如何去掉？ 路由的两种显示模式 Hash模式 这个模式下地址栏中包含#。主要减少前台到后台的访问次数。当地址栏中的内容没有发生改变时，浏览器就不会发送请求到后台。这样就可以减少后台的访问次数。 缺点是，当微信支付时，或者分享URL时，#就无法满足需求了，因为URL中的参数中时不允许出现...
vue路由上的#/怎么去掉_vue.js路由mode配置之去掉url上默认的#方法
weixin_39685578的博客
12-19 1318
比如 ： http://localhost:8080/#/login 路由中间默认带有 #如果需要去掉#，只需将mode的默认值'hash'改为'history'即可。router.js :import Router from 'vue-router'import routers from './routers'export default () => {return new Router(...
a标签的href属性的javascript:void(0)
璐璐的专栏
02-28 2662
问题来源：   href="javascript:void(0)">事业部简介 问题说明： Onclick属性调用的是javascript函数。 问题： 1. a标签onclick属性和href属性的区别？    暂时的理解是当有onclick属性的时候，只执行onclick属性，不会执行href属性。详细看另一文档或者另一文章，名称为标签的href属性和onclick属性的区别。
C/C++ 宏定义中#、##、#@的区别
热门推荐
HelloKandy's Blog
01-27 1万+
#表示：对应变量字符串化 ##表示：把宏参数名与宏定义代码序列中的标识符连接在一起，形成一个新的标识符 连接符#@：它将单字符标记符变换为单字符，即加单引号。例如： #define B(x) #@x 则B(a)即'a'，B(1)即'1'，但B(abc)却不甚有效。 #include #define trace(x, format) printf(#x " = %"
C语言进阶教程（#运算符和##运算符）
m0_49476241的博客
06-22 2523
本篇文章来介绍#运算符和##运算符的使用，这两个运算符大家应该是比较少见到，那么这篇文章将带大家来使用一下#运算符和##运算符。在C语言中，# 运算符和 ## 运算符是用于宏定义和宏展开的特殊运算符。在宏定义中，# 运算符用于将宏参数转换为字符串字面量。它可以将宏参数替换为字符串，并在编译时进行字符串拼接操作。// 输出 "Hello"// 输出 "Hello"// 输出 "Hello"在上述示例中，#x 将宏参数 x 转换为字符串。
define宏定义中的#，##，@#及/符号
qq_36963214的博客
11-12 4022
前言 本文描述define宏定义中的#，##，@#及/符号的使用方法 #的用法 宏定义中的#字符串化操作符。其作用是：将宏定义中的传入参数名转换成用一对双引号括起来参数名字符串。其只能用于有传入参数的宏定义中，且必须置于宏定义体中的参数名前。 例子 #define STR(str) #str STR(123)会被扩展为123 int a = 123; STR(a); // 这里的宏会扩展为"a" 这里的宏会扩展为"a" 注意 对空格的处理 忽略传入参数名前面和后面的空格。 如：STR( abc
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、付费专栏及课程。

余额充值