zoukankan      html  css  js  c++  java
  • onclick="test()"与onclick="return test()"的区别

    浏览器会对页面元素的某些操作产生默认行为比如a标签跳转,form表单的提交等
    如果是onclick="test()"则执行该函数,然后继续自己的默认行为
    <a href="http://zhidao.baidu.com" onclick="return test()">百度一下</a>
      <script type="text/javascript">
        function test(){
         alert("你点了百度一下");
        }
      </script>

    这样会弹出提示框,然后页面跳转到百度页

    把test函数改一下

    1  <a href="http://zhidao.baidu.com" onclick="return test()">百度知道</a>
    2   <script type="text/javascript">
    3     function test(){
    4       console.log("你点了我");
    5       return false;
    6     }
    7   </script>

    这样后 会弹出提示框但不会跳到百度页。

    也可以改成onclick="test(); return false"阻止默认行为

    JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。
    而该值决定了当前操作是否继续。
    当返回的是true时,将继续操作。
    当返回是false时,将中断操作。

    而直接执行时(不用return)。将不会对window.event.returnvalue进行设置
    所以会默认地继续执行操作
     
  • 相关阅读:
    unigui1404在delphi10.2.2安装
    入库单的一些业务逻辑
    mormot日志
    论MORMOT序列的JSON格式
    线程安全的队列
    SynDBOracle.pas
    轻量级的REST中间件
    TQuery
    100亿数据1万属性数据架构设计
    愤怒的TryCatch
  • 原文地址:https://www.cnblogs.com/MissBean/p/return.html
Copyright © 2011-2022 走看看