单击时输出变量

output a variable onclick

本文关键字：变量 输出 单击      更新时间：2023-09-26

我是javascript的初学者，我对这种语言的变量有一些怀疑。

例如，我有以下代码：

<html>
<head>
<title>Prova_Index</title>
<script language="javascript" type="text/javascript">
function stampa(){
var Name = document.name.utente.value;
document.Write(Name);
}
</script>
</head>
<body>
<form name="name">
<p> Write some text:</p>
<input type="text" id="utente">
</form>
<input type="submit" value="Click me" onClick="stampa()"> 
</body>
</html>

这是代码，我的疑问是特别的是如何用id'utente'保存文本框的值。

通过替换代码来编写此代码

function stampa()
            {
                var Name = document.getElementById('utente').value;
                alert(Name);
                return false;
            }
    <input type="text" id="utente">
    <input type="submit" value="Click me" onclick="return stampa();" />

而不是var Name = document.name.utente.value;，你可能想使用类似 var Name = document.getElementById('utente').value;

真的，你可能要考虑改用jQuery。 对于跨浏览器的怪事来说，它比使用普通的旧 DOM 操作要可靠得多。

这个Javascript应该将该输入元素的值存储到变量'Name'中，然后将其写出来。

var Name = document.getElementById("utente").value;
document.write(Name);

我会预先警告您，当您使用 HTML <form> 标签并尝试使用 submit 输入执行函数时，页面将提交，然后不会执行 onClick 函数。

首先。请向我们解释您想做什么。我们不清楚。

其次。我建议在开始使用JavaScript编程时使用ID。

当您查看代码时。它将在函数准备就绪后提交。所以你可以尝试使用它：

<input type="submit" value="click me" onclick="stampa( ); return false;" />

它不会提交表单，您可以看到结果。您也可以使用警报（ ）;用于调试或控制台的函数.log（ ）;如果您将 Firefox 与 Firebug 一起使用，或者将 Opera 与 Dragonfly 一起使用。

您可以在脚本中尝试此操作：

console.log( document.getElementById( 'something' ).value( ) );
相关文章：