关于a标签的onclick事件可能会出现的问题

在对JavaScript的学习当中，实现通过a标签设置点击事件实现点击一次就显示对应div的内容，在点击一次将对应的div隐藏。
代码实现
1.首先设置对应的标签的id值便于在JavaScript中进行查找。（此处i标签引入一个图标）

<a id="setUp" href=""><i class="fa fa-cog fa-2x" style="line-height: 60px;margin-left: 50px"></i></a>
            <div class="setSelect" id="setSelecter">
                <ul>
                    <li><a href="">换肤</a></li>
                    <li><a href="">登录</a></li>
                </ul>
            </div>

2.通过设置对应div的属性（首先隐藏div，即设置display为none值）

.setSelect{
        width: 100px;
        height: auto;
        background-color: silver;
        position: absolute;
        border: black solid 1px;
        left: 91%;
        display: none;
    }
    .setSelect ul li{
        width: 100px;
        list-style-type: none;
        text-align: center;
        margin-bottom: 10px;
    }

3.注册对应事件实现点击功能

<script type="text/javascript">
        window.onload = function () {
            var setObj = document.getElementById("setUp");
            var flag = true;
            setObj.onclick = function () {
                let setSelectObj = document.getElementById("setSelecter");
                flag = !flag;
                if(flag)
                {
                    setSelectObj.style.display = "block";
                    return false;
                }
                else
                {
                    setSelectObj.style.display = "none";
                    return false;
                }
            }
        }
    </script>

注意
在a标签中，如果设置了onclick事件，那么链接的onclick事件先被执行，然后在实现href属性的动作，假设链接中同时存在href 与onclick，如果想让href 属性下的动作不执行，onclick 必须得到一个false的返回值，如果不设置返回值为FALSE，那么点击过后会实现跳转，此时会导致页面刷新，重置js代码中判断标志flag的值为TRUE，也就是说点击一次会刷新一次，flag的值永远为true，这也就是为什么隐藏的div无法成功显示出来，因为执行了href动作使页面刷新了，通过设置返回值为false让其链接失效，达到我们的需求点击一次显示隐藏的div,在点击一次隐藏div。