[{"createTime":1735734952000,"id":1,"img":"hwy_ms_500_252.jpeg","link":"https://activity.huaweicloud.com/cps.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=201905","name":"华为云秒杀","status":9,"txt":"华为云38元秒杀","type":1,"updateTime":1735747411000,"userId":3},{"createTime":1736173885000,"id":2,"img":"txy_480_300.png","link":"https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=edb15096bfff75effaaa8c8bb66138bd&from=console","name":"腾讯云秒杀","status":9,"txt":"腾讯云限量秒杀","type":1,"updateTime":1736173885000,"userId":3},{"createTime":1736177492000,"id":3,"img":"aly_251_140.png","link":"https://www.aliyun.com/minisite/goods?userCode=pwp8kmv3","memo":"","name":"阿里云","status":9,"txt":"阿里云2折起","type":1,"updateTime":1736177492000,"userId":3},{"createTime":1735660800000,"id":4,"img":"vultr_560_300.png","link":"https://www.vultr.com/?ref=9603742-8H","name":"Vultr","status":9,"txt":"Vultr送$100","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":5,"img":"jdy_663_320.jpg","link":"https://3.cn/2ay1-e5t","name":"京东云","status":9,"txt":"京东云特惠专区","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":6,"img":"new_ads.png","link":"https://www.iodraw.com/ads","name":"发布广告","status":9,"txt":"发布广告","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":7,"img":"yun_910_50.png","link":"https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=aXhpYW95YW5nOA===&utm_medium=cps&utm_campaign=201905","name":"底部","status":9,"txt":"高性能云服务器2折起","type":2,"updateTime":1735660800000,"userId":3}]
`javascript:void(0)` 是一个 JavaScript 中常见的使用方式,它通常用于在 HTML 中作为链接的 `href` 属性值。
在 HTML 中,链接(`<a>` 元素)的 `href` 属性指定了链接目标的 URL。当用户点击该链接时,浏览器会加载该 URL
对应的资源或执行相应的操作。
然而,有时候我们希望点击链接时不进行页面跳转或加载新的 URL,而是执行一些 JavaScript 代码或函数。这时可以使用
`javascript:void(0)` 作为 `href` 属性值,例如:
```html
<a href="javascript:void(0)" οnclick="myFunction()">点击我</a>
```
在上述示例中,当用户点击链接时,`myFunction()` 函数会被调用,而不会导致页面跳转或加载新的页面。
需要注意的是,使用 `javascript:void(0)`
可能会引起一些无障碍性(accessibility)的问题。某些辅助技术和浏览器插件可能无法正确处理这种链接,并可能导致用户无法执行相应的操作。在开发中,最好考虑使用更好的无障碍性解决方案,以确保所有用户都能够正确地与网站进行交互。
当使用 `javascript:void(0)` 作为 `href` 属性值时,常见的一些实例包括:
1. 执行 JavaScript 函数:
```html
<a href="javascript:void(0)" οnclick="myFunction()">点击执行函数</a>
```
当用户点击链接时,会触发 `onclick` 事件并执行 `myFunction()` 函数。
2. 切换样式或显示/隐藏元素:
```html
<a href="javascript:void(0)" οnclick="toggleElement()">点击切换元素显示/隐藏</a>
```
通过点击链接,可以调用 `toggleElement()` 函数来切换某个元素的显示或隐藏状态。
3. 执行动态生成的 JavaScript 代码:
```html
<a href="javascript:void(0)"
οnclick="eval('alert(\'动态生成的代码\')')">点击执行动态生成的代码</a>
```
通过 `eval()` 函数执行动态生成的 JavaScript 代码,这里弹出一个警告框。
需要注意的是,使用 `javascript:void(0)` 作为 `href`
属性值仅仅是一种常见的做法,而不是唯一的方式。根据具体的需求,可以使用其他更适合的方式来执行 JavaScript
操作,例如使用事件监听器、JavaScript 框架或库等。