javascript - HTML标签<a> href和onclick

我正在从事这个项目，我真的只停留在一件事情上：我想在一个html文件中创建一个包含所有子页面的子菜单。

每当我同时使用href和onclick均不起作用。

它仅在将href更改为“＃”时有效，但这会使该页面无法从其他页面访问。

请注意，更改函数的返回值无济于事。

非常感谢！

这是我的HTML：

<script>
function show(shown, hidden, hidden2) {
  document.getElementById(shown).style.display='block';
  document.getElementById(hidden).style.display='none';
  document.getElementById(hidden2).style.display='none';
  return true;
}
</script>

<ul>
<li><a href="../info/index.html" onclick="return show('Page1','Page2','ṕage3');">Doelstelling</a></li>
<li><a href="../info/index.html" onclick="return show('Page2','Page1','ṕage3');">Bestuur</a></li>
<li><a href="../info/index.html" onclick="return show('Page3','Page1','ṕage2');">Lid worden</a></li>
</ul>

<div id="Page1" style="display:none">
<a href="#" onclick="return show('Page2','Page1','ṕage3');">Bestuur</a></br>
<a href="#" onclick="return show('Page3','Page1','ṕage2');">Lid worden</a>   </br>
<p>

text

</p>

</div></br>

<div id="Page2" style="display:none">
<a href="#" onclick="return show('Page1','Page2','ṕage3');">Doelstelling</a>    </br>
<a href="#" onclick="return show('Page3','Page1','ṕage2');">Lid worden</a></br>
<p>

text

</div></br>
  <div id="Page3" style="display:none">
<a href="#" onclick="return show('Page1','Page2','ṕage3');">Doelstelling</a>  </br>
<a href="#" onclick="return show('Page2','Page1','ṕage3');">Bestuur</a></br>
    <p>
text
 </p>

</div></br>

再次感谢。

最佳答案

return false;不能帮助您，因为在此行代码之前会触发错误。

看一下您的show函数调用：将'ṕage3'作为第三个参数传递，然后执行document.getElementById(hidden2).style.display = ...。但是您没有id =“ṕage3”的元素。

用'ṕage3'替换'Page3'，这应该可以解决问题

关于javascript - HTML标签<a> href和onclick，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32189954/