关于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。