OnClick()事件-------点击会莫名其妙刷新一下，导致点击事件不成功

前端div中添加一个onClick事件，点击后偶尔会出现点击事件不成功，并莫名其妙刷新一下当前页面？？？？？？

• 查看前后端是否报错(先解决报错)
• 排除onClick方法事件触发问题(查看是否触发成功)
• 排除onClick方法内部写法问题(检查内部方法格式、标点符号、逻辑问题)
• 排除onClick点击返回数据问题

依次解决完成发现还是会莫名其妙刷新一下，找到位置=======需要让点击事件不再刷新
 

HTML:
<div onclick="show(data);return false;">ImageOne</div>


Script:
<script>
   function show(data){
        alert("ok");
    }
</script>

现在即可不再刷新！！！！！！！！！！！！！！！！

尝试在function内部直接返回false，但是不成功！！！？？？？？？？

<script>
   function show(data){
        alert("ok");
        return false;
    }
</script>

Why？？？？？？

可以理解为，此处的function只是定义了一个函数，然后执行了，但是并没有把该返回值返回给onClick事件，所以我们需要把返回值false返回给onClick事件才算🆗！有以下两种形式:

1. 执行事件，并将结果重新返回给onClick事件

   <script>
      function show(data){
          var result = onClickResult();
          return result;
       }
        
      function onClickResult(){
            alert("ok");
           return false;
   }
   
   </script>

    

2. 点击事件时直接返回

    <div  onclick="return show(data);">ImageOne</div>

   <script>
      function show(data){
           alert("ok");
           return false;
       }
   </script>