Javascript Prompt()替代
Javascript Prompt()替代
提问于 2013-07-03 06:55:37
简单的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>回答 4
Stack Overflow用户
发布于 2013-07-03 07:00:10
创建文本字段和按钮的一段简单的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的元素，然后从这些元素中获取属性。
Stack Overflow用户
发布于 2013-12-14 23:25:45
我最近完成了一个JS迷你库的编写，iocream.js可以做到这一点。
使用iocream.js，您的代码将如下所示：
<script src=".../iocream.js"></script> <!-- include the library -->
<pre id="io_operations"></pre> <!-- the JAR/hub of I/O -->
<script>
var jar = new IOCream('io_operations');
function ask_name() {
jar.jin(say_hello, 'Please enter your name: '); // jin is read like C++'s cin
// say_hello is a CALLBACK FUNCTION which will
// triggered on the user's input, when available.
}
function say_hello(name) {
jar.jout('Hello ' + name + '.'); // again, read like C++'s cout
}
ask_name();
</script>所有输入/输出操作都发生在一个PRE元素中，该元素的ID必须提供给IOCream构造函数。有一些选项可以设置配色方案。或者，您可以使用CSS完全设置PRE元素的样式。
您可以在this bitbucket repo和示例here中找到文档。
Stack Overflow用户
发布于 2013-07-03 06:58:31
是的，这是可能的。
您可以将onChange应用于文本框，或者
如果与按钮结合使用，则可以使用onClick，或者
如果textbox在表单中，onsubmit也是一种选择。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17437147
复制相关文章
相似问题
腾讯云开发者
