zoukankan      html  css  js  c++  java
  • javascript:void(0)

    javascript: 是一个伪协议,其他的伪协议还有 mail: tel: file: 等等。
    1
    <a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>
    javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。


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

    document.getElementById('jsPswEdit').addEventListener('click', function(e) {
    e.preventDefault();
    // 当<a>触发click时,处理业务
    }, false);

    href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的


    void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思


    onClick="javascript:mysub()"
    如果鼠标左键点击这句所在的标签 , 将触发js函数mysub()
    onclick 就是接收 鼠标单击事件的属性.
    /////////////////////////////////////////////////////////////////////////////////////
    你这个是一个表单的提交按钮,当点击该按钮,提交表单的同时会触发mysub函数

    在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。
    也就是说当用滚动条的时候,再用“#”的时候,会相当于重新刷新页面 ------- 为防止点击链接后跳转到页首,onclick事件return false即可。


    1)点击链接后不做任何事情

    <a href="javascript:void(0);" >test</a>
    <a href="javascript:;" >test</a>
    <a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的

    点击链接后,响应用户自定义的点击事件

    <a href="javascript:void(0)" onclick="doSomething()">test</a>
    <a href="http:/www.baidu.com" onclick="doSomething();return false;">加上return false 则超链接不能跳转,无用
    <a href="#" onclick="alert();event.returnValue=false;">test</a> 加上return false 则超链接不能跳转,无用

    void是javascript的操作符,意思是:只执行表达式,但没有返回值,
    void 操作符用法格式如下:

    javascript:void (expression)
    javascript:void expression
    为了程序风格良好,建议使用第二种带上括号的
    我们可以使用void操作符指定超级链接,如javascript:void(document.form.submit())。表达式会被计算但是不会在当前文档处装入任何内容,void(0)计算为0,但在JavaScript上没有任何效果,也就是说 <a href="javascript:void(0)">的效果同<a href="javascript:void(1)">的效果是一样的。
    关键是只要知道void是javascipt自身的操作符,它表示的是只执行表达式,但没有返回值!
    另外页面会自动调回顶端,是因为"#"默认的瞄点位置是top,所以会出现这种情况。

  • 相关阅读:
    Dynamics AX 2012 R2 配置E-Mail模板
    Dynamics AX 2012 R2 设置E-Mail
    Dynamics AX 2012 R2 为运行失败的批处理任务设置预警
    Dynamics AX 2012 R2 耗尽用户
    Dynamics AX 2012 R2 创建一个专用的批处理服务器
    Dynamics AX 2012 R2 创建一个带有负载均衡的服务器集群
    Dynamics AX 2012 R2 安装额外的AOS
    Dynamics AX 2012 R2 将系统用户账号连接到工作人员记录
    Dynamics AX 2012 R2 从代码中调用SSRS Report
    Dynamics AX 2012 R2 IIS WebSite Unauthorized 401
  • 原文地址:https://www.cnblogs.com/ZkbFighting/p/8138281.html
Copyright © 2011-2022 走看看