Question

我正在尝试创建一个页面，您输入一个3位数的数字，根据该数字，按钮的onclick将根据else语句返回不同的图像（地图以显示数字所在的位置）。我被困在按钮上 - 单击时根本不会显示任何内容，甚至是错误信息。知道它有什么问题吗？我是一个虚拟的初学者，所以请清楚，体贴你的答案:)谢谢！

<html>
<head>
<script>
function SearchMap()
var dewey;
dewey= parseFloat(document.getElementById('search1').value);

if (dewey >= 000 && 099 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/A.png';
    document.GetElementById('caption1').innerHTML='You want to go to the fourth floor. Your item is in the Generalities section.'
    }
else if (dewey >= 100 && 199 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/B.png';
    document.GetElementById('caption1').innerHTML='You want to go to the fourth floor. Your item is in the Philosophy and Psychology section.'
    }
else if (dewey >= 200 && 299 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/C.png';
    document.GetElementById('caption1').innerHTML='You want to go to the third floor. Your item is in the Religion section.'
    }
else if (dewey >= 300 && 399 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/D.png';
    document.GetElementById('caption1').innerHTML='You want to go to the third floor. Your item is in the Social Sciences section.'
    }
else if (dewey >= 400 && 499 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/E.png';
    document.GetElementById('caption1').innerHTML='You want to go to the third floor. Your item is in the Language section.'
    }
else if (dewey >= 500 && 599 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/F.png';
    document.GetElementById('caption1').innerHTML='You want to go to the third floor. Your item is in the Natural Sciences and Math section.'
    }
else if (dewey >= 600 && 699 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/G.png';
    document.GetElementById('caption1').innerHTML='You want to go to the third floor. Your item is in the Technology section.'
    }
else if (dewey >= 700 && 799 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/H.png';
    document.GetElementById('caption1').innerHTML='You want to go to the second floor. Your item is in the Arts section.'
    }
else if (dewey >= 800 && 899 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/I.png';
    document.GetElementById('caption1').innerHTML='You want to go to the first floor. Your item is in the Literature and Rhetoric section.'
    }
else if (dewey >= 900 && 999 >= dewey)
    {
    document.GetElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/J.png';
    document.GetElementById('caption1').innerHTML='You want to go to the second floor. Your item is in the Geography and History section.'
    }
else (dewey < 000 || 999 < dewey)
    {
    alert=('Your number is outside the Dewey Decimal Range. Please call 319-335-5299 or email lib-ref@uiowa.edu for assistance.');
    }
</script>
</head>
<body>
<h1 align="center">
<img src="http://semanticweb.com/files/2011/04/UIowa.gif"> 
<br>
<font color="#B18904">University of Iowa Libraries
</h1>   
<h2 align="center">
Search the library floorplan by Dewey Decimal number. </font>
</h2>
<p align="center">
Type 3-digit Dewey classification number here: <input type="text" id="search1" size=5 value="";>
</p>    
<p align="center">
<input type="button" id="button1" value="Take me there"
onclick="SearchMap()";>
</p>
<p align="center">
<img src="" id="image1">
<div id='caption1'></div>
</p>
</body>
</html>

Answer 1

您忘记将语句括在函数中，语法看起来应该更像这样：

function SearchMap()
{ // HERE
var dewey;
dewey= parseFloat(document.getElementById('search1').value);

if (dewey >= 000 && 099 >= dewey)
    {
    document.getElementById('image1').src='http://marengo.info-science.uiowa.edu/foundations/maps/A.png';
    document.getElementById('caption1').innerHTML='You want to go to the fourth floor. Your item is in the Generalities section.'
    }

    etc.
} // AND HERE

当然是getElementById的情况。如果您遇到代码问题，可以随时使用chrome开发控制台和jsfiddle.net来帮助您:)大多数情况下错误消息非常清楚。

无法让我的onclick显示任何内容（如果系统使用else）

1 个答案: