• a标签中防止跳转的href=javascript:;、void(0);等都是什么意思


    a标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。

    JavaScript: 是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。这是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等

    一般在这种情况下,会给绑定一个事件回调,来执行业务,如:

    执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转。跟当前a标签无关,这段代码始终都会执行。

    1、设计一个a链接的代码,让其点击的时候执行一个 alert() 函数:

    <href="javascript:alert('不跳转');">www.w3h5不跳转</a>

    2、此时在页面上显示一个a链接效果:

    3、点击页面上的a链接,执行结果如上图:

    豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

    其他防止页面跳转的实现方式:

    <href="#" >test</a>;

    点击链接,页面默认上滚到页的顶部, 但可以加上 onclick="return false" ,防止上滚到页的顶部。

    <href="####" >test</a>;

    使用2个到4个#,见的大多是 "####" ,也有使用 "#all" 等其他的。一个无意义的标签指定,不做任何处理。

    <href="javascript:void(0);" >test</a>;

    javascript:void(0) 表示一个死链接,执行空事件。

  • 相关阅读:
    activiti5.13工作流系列(一)-初识
    java通过http调用服务
    Eclipse快捷键大全(转载)
    java作用域-转
    ajax两种不同方式的不同结果
    MySQL索引背后的数据结构及算法原理 --转
    解决json包含html标签无法显示的问题
    js下的sleep实现
    json使用
    比较靠谱的网页分页代码-转
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/13735311.html
Copyright © 2020-2023  润新知