javascript - js做下拉列表的一些疑问
看书中，遇到了不明白的地方：html的p中对于链接menu1.html，当onclick动作发生时，是转到新的页面吗，如果是的话，是否还得做一个menu1.html的页面来保证操作的完成？[ps:怕不明白，把代码都贴出来了，谢谢你们的耐心！]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Shakespeare's Plays</title>
<link rel="stylesheet" type="text/css" href="slide_menu.css">
<script src="slide_menu.js"></script>
</head>
<body>
<h1>Shakespware's Plays </h1>
<p>
<a href="menu1.html" class= 'menuLink'>Music</a>
<ul class='menu' id='menu1'>
<li><a href="pg1.html">dida.dida</a></li>
<li><a href="pg2.html">tuli.tuli</a></li>
<li><a href="pg2.html">poli.poli</a></li>
</ul>
</p>
</body>
</html>ul.menu {
display: none;
list-style-type: none;
margin-top: 10px;}
window.onload = initAll;
function initAll () {
var allLinks = document.getElementsByTagName('a');
for (var i = 0; i < allLinks.length; i++) {
if(allLinks[i].className.indexOf('menuLink')>-1){
allLinks[i].onclick = toggleMenu;
}
}}
function toggleMenu () {
var startMenu = this.href.lastIndexOf('/')+1;
var stopMenu = this.href.lastIndexOf('.');
var thisMenuName = this.href.substring(startMenu,stopMenu);
var thisMenu = document.getElementById('thisMenuName').style;
if(thisMenu.display == 'block'){
thisMenu.display = 'none';
}
else{
thisMenu.display = 'block';
}
return false;}
