a href=# 与 a href=javascript:void(0) 的区别 伪装连接 等

本文介绍了如何利用JavaScript来处理页面内的链接操作,包括避免页面跳转到顶部的行为、使用void(0)创建无效链接以及通过JavaScript函数打开新窗口的方法。
部署运行你感兴趣的模型镜像

#包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0)  仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是

跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

或者<input onclick>

<div onclick>等
打开新窗口链接的几种办法
1.window.open('url')

2.用自定义函数

  1. <script>
  2.         function openWin(tag,obj)
  3.         {
  4.             obj.target="_blank";
  5.             obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
  6.             obj.click();
  7.         }
  8.         </script>
  9. <a  href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>

3.window.location.href=""

伪装超连接:

onMouseOver='window.status="http://www.baidu.cn"; return true;'onMouseOut='window.status="Done"; return true;'

您可能感兴趣的与本文相关的镜像

Kotaemon

Kotaemon

AI应用

Kotaemon 是由Cinnamon 开发的开源项目,是一个RAG UI页面,主要面向DocQA的终端用户和构建自己RAG pipeline

在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、付费专栏及课程。

余额充值