Javascript Prompt() 替代方案

Question

简单的 JavaScript。

var userName = prompt ("What's your name?");
document.write ("Hello " + userName + ".");

除了通过弹出框获取用户输入(姓名)之外，还有其他方法吗？ 我将如何在站点内实现文本框以获取用户名？

这是怎么回事？

<section class="content">
<input id="name" type="text">
<button onclick="userName()">Submit</button>
<p id="user"></p>
<script>
function userName() {
var name = document.getElementById("name").value;
user.innerHTML = "Hello" + " " + name}
</script>
</section>

Answer 1

一段简单的 HTML，用于创建文本字段和按钮:

<input id="name" type="text">
<button onclick="go()">Go</button>

还有一个简单的脚本，它会在单击按钮时调用:

function go() {
    var text = document.getElementById("name").value;
    alert("The user typed '" + text + "'");
}

工作演示:http://jsfiddle.net/jfriend00/V74vV/

---

简而言之，您将数据输入字段放入页面中。然后，您将事件处理程序连接到某种用户事件(例如单击按钮)，并在该代码中从数据输入字段中获取值，并用它做任何您想做的事情。

如果您想了解所有不同类型的 input 标签，请阅读 here .

您可能还想阅读有关 document.getElementById("xxx") 的内容这使您可以在页面中找到您已为其分配了 id 的元素，然后从中获取属性。