Javascript 什么是&39;菜单2和39
在下面的下拉菜单中,有由onmouseover=openelement&39;调用的java脚本函数;菜单2&39,onmouseover=openelement&39;菜单3和39;等等。我不明白这是什么&39;菜单2&39和39;菜单3和39;是的,有人能给我解释一下吗。整个程序如下 下拉菜单CSS&JSJavascript 什么是&39;菜单2和39,javascript,css,html,Javascript,Css,Html,在下面的下拉菜单中,有由onmouseover=openelement&39;调用的java脚本函数;菜单2&39,onmouseover=openelement&39;菜单3和39;等等。我不明白这是什么&39;菜单2&39和39;菜单3和39;是的,有人能给我解释一下吗。整个程序如下 下拉菜单CSS&JS <!--The CSS code.--> <style type="text/css" media="screen">
<!--The CSS code.-->
<style type="text/css" media="screen">
#nav {
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
float: left;
}
#nav li a {
display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 80px;
background: lavender;
color: black;
text-align: center;
text-decoration:none;
}
#nav li a:hover {
background: grey;
}
#nav ul {
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
border: 1px solid #ffffff
}
#nav ul li a{
position: relative;
margin: 0;
padding: 5px 10px;
width: 80px;
text-align: left;
background: lavender;
color: #000000;
}
#nav li ul li {
clear: both;
}
</style>
<!--The end of the CSS code.-->
<!--The Javascript menu code.-->
<script type="text/javascript">
//variables' declaration
var timeout = 500;
var timer = 0;
var item = 0;
//function for opening of submenu elements
function openelement(num)
{
keepsubmenu()
//checks whether there is an open submenu and makes it invisible
if(item){ item.style.visibility = 'hidden';}
//shows the chosen submenu element
item = document.getElementById(num);
item.style.visibility = 'visible';
}
// function for closing of submenu elements
function closeelement()
{
//closes the open submenu elements and loads the timer with 500ms
timer = window.setTimeout("if(item) item.style.visibility = 'hidden';",500);
}
//function for keeping the submenu loaded after the end of the 500 ms timer
function keepsubmenu()
{
if(timer){
window.clearTimeout(timer);
timer = null;
}
}
//hides the visualized menu after clicking outside of its area and expiring of the loaded timer
document.onclick = closeelement;
</script>
<!--END of CSS code-->
</head>
<body>
<!--HTML code for the menu -->
<ul id="nav">
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#">Home</a>
</li>
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#" onmouseover="openelement('menu2')" onmouseout="closeelement()">Tutorials</a>
<ul id="menu2" onmouseover="keepsubmenu()" onmouseout="closeelement()" style="visibility: hidden; ">
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#">CSS</a></li>
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#">Flash</a></li>
</ul>
</li>
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#" onmouseover="openelement('menu3')" onmouseout="closeelement()">More</a>
<ul id="menu3" onmouseover="keepsubmenu()" onmouseout="closeelement()">
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#">About Us</a></li>
<li><a href="http://www.sci.sjp.ac.lk/lms/file.php/233/dropDownJs.html#">Contact Us</a></li>
</ul>
</li>
</ul>
<div style="clear:both"></div>
<!--the end of the HTML code for the menu -->
那只是一个撇号,可能是因为复制/粘贴错误。例如,如果您使用Word编写代码,或者从应用特殊格式的文本区域复制代码,则可能会发生这种情况。它应该是单引号,因为函数需要字符串
"openelement('menu3')"
那只是一个撇号,可能是因为复制/粘贴错误。例如,如果您使用Word编写代码,或者从应用特殊格式的文本区域复制代码,则可能会发生这种情况。它应该是单引号,因为函数需要字符串
"openelement('menu3')"
39是撇号和&39的ASCII码;是将ASCII字符插入HTML的语法 此语法主要用于按原样插入在HTML/JavaScript中有意义的字符,并防止跨站点脚本攻击,例如字符
在您的情况下,您应该更换&39;事件处理程序中出现的带有撇号的事件,因此它在Javascript中的行为应该是撇号和&39的ASCII代码;是将ASCII字符插入HTML的语法 此语法主要用于按原样插入在HTML/JavaScript中有意义的字符,并防止跨站点脚本攻击,例如字符
在您的情况下,您应该更换&39;事件处理程序中出现的带有撇号的事件,因此它在Javascript中的作用与它在Javascript中的作用相同如果这回答了您的问题,请验证它。如果这回答了您的问题,请验证它。考虑到这个问题,代码可以正常工作:Ascii撇号可以写成&39;在HTML中,当它不用作属性值分隔符时。在HTML解析中,符号转换为撇号,因此JavaScript解释器可以看到撇号。在这里转义是没有用的,但这可能是由于使用了经常转义撇号的软件造成的。考虑到这个问题,代码的工作原理是:Ascii撇号可以写成&39;在HTML中,当它不用作属性值分隔符时。在HTML解析中,符号转换为撇号,因此JavaScript解释器可以看到撇号。在这里省略它是没有用的,但它可能是由于使用了经常省略撇号的软件。