2

我刚刚开始自学 JavaScript，并且正在做一些基本的练习。现在我正在尝试制作一个函数，它接受三个值并打印出最大的值。但是，该函数拒绝在按钮单击时触发。我尝试制作一个单独的、非常简单的函数来进行调试，它也拒绝触发。我以几乎完全相同的方式编写了其他练习函数（它们有两个参数而不是三个），它们工作正常。任何见解将不胜感激。

<!DOCTYPE HTML>
<html>
<head>
<script type = "text/javascript">
<!--

//Define a function Max() that takes three numbers as 
//arguments and returns the largest of them.
function Boo(){
    document.write("boo");
    alert("boo");
}


function Max(p1, p2, p3){
    document.write(p1+p2+p3);
    alert('BOO!')

    document.write(document.getElementById('value1').value);

    var max = Number(p1);
    v2 = Number(p2):
    v3 = Number(p3);    

    if (v2 > max)
        max = v2;
    if (v3 > max)
        max = v3;

    document.write(max);
}
-->
</script>
    </head>
    <body>
<form>
    <input type="text" id="value1" name="value1"/><br />
    <input type="text" id="value2" name="value2"/><br />
    <input type="text" id="value3" name="value3"/><br />
    <input type = "button" 
    onclick="Boo()" 
    value = "Compare!"/>
    <!-- onclick="Max(document.getElementById('value1').value,
                 document.getElementById('value2').value,
                 document.getElementById('value3').value)" -->
</form>
  </body>
 </html>
4

4 回答 4

5 
  v2 = Number(p2):

应该 

v2 = Number(p2);

此外，请查看您使用的任何浏览器的开发人员工具，以查找类似这样的简单语法错误。（在大多数浏览器中，您可以按 F12）。

于 2012-05-31T14:36:58.513 回答
2

chrome 开发者工具说它有语法错误！

v2 = Number(p2):

应该：

v2 = Number(p2);
于 2012-05-31T14:38:31.733 回答
1

您的 javascript 函数被注释掉了<!-- -->

于 2012-05-31T14:36:06.763 回答
0

这就是你所需要的：

    var elements = document.getElementsByName('to_compare');
    var elementsAsArray = [].slice.call(elements);
    var numberValues = elementsAsArray.map(function(x) {
        return Number(x.value)
    });
    return Math.max.apply(this, numberValues);

完整的演示，包括使用console.log而不是document.write，还包括如何附加到文档而不清除它：http: //jsfiddle.net/yYhjD/1/

<head>
    <script type="text/javascript">

function compare() {
    var elements = [].slice.call(document.getElementsByName('to_compare'));
    var numberValues = elements.map(function(x){return Number(x.value)});
    return Math.max.apply(this, numberValues);
}

    </script>
</head>

<body>
    <input type="text" id="value1" name="to_compare" value="-10"/>
    <input type="text" id="value2" name="to_compare" value="080"/>
    <input type="text" id="value3" name="to_compare" value="79"/>
    <br/>
    <input type="button" onclick="console.log(compare())" value="Compare!"/>
</body>
于 2012-05-31T15:06:55.697 回答