Window prompt()方法

最新推荐文章于 2021-11-14 15:22:34 发布

最新推荐文章于 2021-11-14 15:22:34 发布 · 407 阅读

文章标签：

#Window #prompt(

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍如何利用JavaScript中的prompt()方法创建一个允许用户输入的对话框，并展示了如何通过一个简单的网页示例来实现这一功能。该示例包含一个按钮，点击后会弹出对话框让用户输入姓名。

一定义和用法

prompt()方法用于显示可提示用户进行输入的对话框。

这个方法返回用户输入的字符串。

二语法

prompt(msg,defaultText)

msg可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。

defaultText可选。默认的输入文本。

三代码

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var person=prompt("请输入你的名字","Harry Potter");
	if (person!=null && person!=""){
	    x="你好 " + person + "! 今天感觉如何?";
	    document.getElementById("demo").innerHTML=x;
	}
}
</script>

</body>
</html>

四运行结果