Question

如果，在onclick的一个函数中，我说：

offset=parseFloat(document.getElementById("offsetId").value); //value=-2
center=sp+offset; // sp is a float == 190
alert("center="+center);

我得到＆＃34; center = 190 [对象HTMLInputElement]＆＃34;

如果我将这些功能分开：

offset=document.getElementById("offsetId"); 
offset=parseFloat(offset.value);
center=sp+offset;
alert("center="+center);

我得到了同样的错误。

但如果我这样做的话

offset=document.getElementById("offsetId"); 
center=sp+parseFloat(offset.value);
alert("center="+center);

我得到了正确答案，中心= 188。

为什么我不能像前两个例子那样连接函数？它们看起来和我一模一样。

编辑：这是示例代码，它产生＆＃34;不可能＆＃34;结果：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>

<body>
<script>sp=parseFloat(190.); </script>
<!-- same result with sp=190.;  sp=Number(190.); sp=Number("190."); -->

<form>
    <p>Enter Offset   <input id="offsetId" type="text" name="offset" value=0> <!-- eg -2 -->
    <p> 
    <input 
    type="button" 
    name="go"
    value="Do the Plot"
        onclick='
            alert("at19: sp = "+sp+", typeof sp=", typeof sp);  
                            // shows: at19: sp = 190, typeof sp=
            offset=parseFloat(document.getElementById("offsetId").value); 
            alert("at22, offset="+offset+", typeof offset="+typeof offset);
    // shows: at23, offset=[object HTMLInputElement], typeof offset=object
            center=sp+offset;
            alert("at25: center="+center);
            // shows: at24: center=190[object HTMLInputElement]

// alternate 1
            offset = parseFloat(offset.value);
            center=sp+offset;
            alert("at31: offset="+offset+", center="+center);
// shows: at31: offset=[object HTMLInputElement], center=190[object HTMLInputElement]

// alternate 2
            offset=document.getElementById("offsetId"); 
            center=sp+parseFloat(offset.value);
            alert("at37: offset="+offset+", center="+center);
// shows: at36: offset=[object HTMLInputElement], center=188
        '
        >
    </form>     
 </body>
</html>

请注意，最后一个方法给出了正确的答案。我怀疑我无法表明某种类型可能很重要。

Answer 1

您尚未声明变量，因此offset不是您认为的那样。

在您的事件处理程序的上下文中，offset是对表单已定义的<input name="offset">的引用。

如果您要使用同名的局部变量隐藏现有变量，则需要使用var offset声明它。

<script>sp=parseFloat(190.); </script>
<!-- same result with sp=190.;  sp=Number(190.); sp=Number("190."); -->

<form>
    <p>Enter Offset   <input id="offsetId" type="text" name="offset" value=0> <!-- eg -2 -->
    <p> 
    <input 
    type="button" 
    name="go"
    value="Do the Plot"
        onclick='
            var offset = parseFloat(document.getElementById("offsetId").value); 
            alert("at22, offset="+offset+", typeof offset="+typeof offset);
        '
        >
    </form>

为什么我不能连接这些JS函数？

1 个答案: