javascript:void(0)的作用

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

#javascript

本文探讨了在网页开发中使用#与javascript:void(0)作为链接点击事件的处理方式。介绍了这两种方法的优缺点，并给出了实际应用场景的示例。
javascript:void(0)的作用：

在组网页时，如果想做到点击一个连接而不做任何事情，这是可以使用javascript：void(0)来填充href的值，但有人说可以用#来代替，如果用#好代替的话，用户点击的时候，当网页有滚动条的时候网页会返回到页面的顶端，使得用户的体验不好。

如果希望使用#来代替javascript：void(0) 可以这样

<a href="#" onclick="javascript:return false;">asdsdfdf</a>

javascript:void(0);
12-23
package serv; import java.sql.ResultSet; import java.sql.SQLException; import java.util.ArrayList; import org.springframework.dao.DataAccessException; import org.springframework.jdbc.core.RowMapper; import entity.Material; public class MaterialService extends BaseService { /** * 把一条材料信息加入到数据库中 */ public void addMr(String mtime,String mzno,String mpeople,String mname,String mquantity,double mmoney,String mno){ try { String sql = "insert into Material(mtime,mzno,mpeople,mname,mquantity,mmoney,mno) VALUES(?,?,?,?,?,?,?)"; jt.update(sql,mtime,mzno,mpeople,mname,mquantity,mmoney,mno); } catch (DataAccessException e) { e.printStackTrace(); //To change body of catch statement use File | Settings | File Templates. } } /** * 根据mno查询材料 */ public Material getmaterialBymno (String mno)throws DataAccessException{ Material material = null; try { String sql = "select * from material where mno= ?"; material = jt.queryForObject(sql,new MaterialRowMapper(), mno); } catch (DataAccessException e) { e.printStackTrace(); //To change body of catch statement use File | Settings | File Templates. } return material; } /** *删除材料 ->1 * @param sno * @throws DataAccessException */ public void deleteMaterial(String mno) throws DataAccessException{ String sql = "delete from Material where mno=? "; jt.update(sql,mno); } /** * 获取所有材料信息 */ public ArrayList<Material> getAllMaterial(String mtime){ ArrayList<Material> al = null; try { String sql = "select * from material "; al = (ArrayList<Material>)jt.query(sql,new MaterialRowMapper()); } catch (DataAccessException e) { e.printStackTrace(); //To change body of catch statement use File | Settings | File Templates. } return al; } private class MaterialRowMapper implements RowMapper<Material> { public Material mapRow(ResultSet rs, int rownum) throws SQLException { Material material= new Material(); material.setMno(rs.getString("mno")); material.setMname(rs.getString("mname")); material.setMtime(rs.getString("mtime")); material.setMpeople(rs.getString("mpeople")); material.setMzno(rs.getString("mzno")); material.setMquantity(rs.getString("mquantity")); material.setMmoney(rs.getDouble("mmoney")); return material; } } }
javascript:void(0)
ZhangGuozhong's Blog
11-29 248
今天看到《AJAX开发简略》中所有的&lt;A href&gt;都用到了javascript:void(0) 今天看了一下原来这个表达式的作用就是让当前这个超链接成为一个死链接，就是什么都不作。 以下摘自： http://blog.youkuaiyun.com/mouyong/archive/2007/01/24/1491761.aspx 别人些的JavaScript脚本可以看到这样的代码： &lt;a h...
javascriptvoid(0)作用
Lu_mingfeii的博客
03-18 1600
javascript:void(0) 表示url的内容通过javascript执行。void(0)表示不作任何操作， 这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式， 但不让链接执行实际操作， 点击后不会回到页面顶部。 href="#"会回到页面顶部 ...
javascript:void(0)的作用和妙用
Kevin的逆袭博客
09-07 3346
JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，我们可以使用javascript:void(0)，下面是具体的使用方法，
javascript:void(0)；用法及常见问题解析
u013558123的博客
03-09 3848
`javascript:void(0);`是一个在Web开发中常用的代码片段，用于创建一个空链接或阻止表单提交。虽然它有一些替代方案，但在某些情况下，它仍然是一个有用的工具。然而，我们应该谨慎使用它，并确保它不会对用户体验产生负面影响。
JavaScript:void(0) 用法及常见问题解析
热门推荐
爱吃雪糕的小布丁的博客
03-25 7万+
是一个JavaScript表达式，用于防止链接在被点击时执行其默认行为（即导航到一个新页面）。void 是一个运算符，用于执行一个表达式但不返回任何值。为什么使用 javascript:void(0);？在HTML中，标签通常用于创建链接。如果不希望点击链接时页面跳转到其他页面或重新加载当前页面，可以使用 javascript:void(0);。这样，链接会保持在当前页面，同时可以通过JavaScript添加其他功能，如触发弹窗、开启模态框等。
【36javascript:void(0) 含义】JavaScript中的“javascript:void(0)“：阻止默认链接行为的含义与替代方案详解
燃正科技
06-06 1779
点击我点击我
javascript: void(0)；用法和常见问题
qq_35876316的博客
07-02 1568
使用javascript:void(0)可以防止链接跳转，但并不是所有情况下都适用。例如，如果你需要链接执行JavaScript代码，但仍然希望它看起来像一个正常的链接，你可能需要其他方法。void(0)返回undefined，但undefined本身不是一个函数调用的结果，而是JavaScript中表示没有值的特殊值。虽然void操作符本身对性能影响不大，但过度使用或在不必要的地方使用可能会让代码难以阅读和维护。void(0)有时会被误解为调用了名为void的函数，实际上void是一个一元操作符。
JavaScript 中void 0 的作用
Ubuntu 初始者
05-30 685
在了解工作项目的时候，遇到了一段js 代码
javascript:void(0)有什么作用？
Lockey23的博客
07-25 1899
javascript:void(0)作用 href="#id"与href="javascript:void(0)"的区别
为什么要使用href=”javascript:void(0);”
didiao9194的博客
12-15 2144
href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。 为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么...
关于 javascript:void(0) 的问题.
weixin_30861797的博客
09-17 136
原文地址:楚广明的博客 http://www.cnblogs.com/chu888chu888/archive/2012/01/05/2313045.html 最近看了好几个关于<a>标签和javascript:void(0)的帖子，谨记于此，以资查阅。 注：以下代码未经全面测试，但每一种方法可能会出现的情况都基本做了说明。 在做页面时，如果想做一个链接点击后不做任何事情...
javascript:;与javascript:void(0)使用介绍
weixin_30257433的博客
12-09 1281
有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法。 注：以下代码未经全面测试，但每一种方法可能会出现的情况都基本做了说明。在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。 目前有如下几种解决办法： ...
解释JavaScript void（0）的作用是什么？
csdn_Levy的博客
09-29 294
主要是用来阻止链接的默认行为，这在你希望链接执行JavaScript函数，而不是导向另一个URL时非常有用。将被执行，但是页面不会像通常点击链接那样跳转或刷新。是一个操作符，用于评估一个表达式，然后返回。是最常见的使用方式，这两种方式都会返回。，使得链接实际上并没有导向任何地方。属性中，防止链接点击后的默认行为。在这个例子中，当用户点击链接时，操作符的一个主要用途是在链接（阻止了链接的默认行为，返回了。在JavaScript中，
javascript:void(0) 填入
最新发布
03-23
### JavaScript 中 `javascript:void(0)` 的用法及意义 #### 基本定义与作用 `javascript:void(0)` 是一种特殊的 JavaScript 表达式，主要用于返回未定义的结果 (undefined)，并常用于 HTML 超链接 (`<a>` 标签) 或其他事件处理场景中以防止默认行为的发生。通过这种方式可以有效避免页面跳转或其他不必要的操作[^1]。 #### 防止超链接的默认行为 当 `<a>` 标签被点击时，默认情况下会触发浏览器导航到指定 URL 地址的行为。如果希望阻止这种默认行为，则可以在 `href` 属性中设置为 `javascript:void(0);` 。例如： ```html <a href="javascript:void(0)" onclick="alert('Link clicked')">Click Me</a> ``` 上述代码片段展示了如何利用 `javascript:void(0)` 来停止链接跳转的同时执行自定义函数逻辑[^2]。 #### 应用于表单提交控制 除了管理链接外，在某些情形下也需要抑制表单提交动作。此时也可以采用类似的机制来实现这一目标: ```html <form onsubmit="return false;"> <input type="text" name="username"> <button type="submit">Submit</button> </form> <!-- or --> <form onsubmit="void(0);"> <input type="text" name="username"> <button type="submit">Submit</button> </form> ``` 这两种方法都可以有效地中断标准的表单递交流程，并允许开发者自行编写验证或者异步请求等相关业务逻辑[^3]。 需要注意的是虽然这种方法广泛应用于早期Web开发实践中,但在现代前端框架和库日益普及的情况下,推荐更多地依赖于这些工具所提供的更强大灵活的功能集来进行交互设计而非直接操纵DOM属性. ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值