您的位置:首页 > 教程笔记 > 前端笔记

js中prompt 的用法

2024-05-03 17:31:08 前端笔记 61

prompt() 方法简介

prompt() 方法用于在网页中打开一个弹出窗口,提示用户输入文本。该方法返回用户输入的文本,或者 null 如果用户单击“取消”按钮或关闭窗口。

用法

要使用 prompt() 方法,请传递两个参数:

第一个参数:要显示给用户的提示文本。
第二个参数(可选):为输入字段提供默认值。

<code class="js">let userInput = prompt("请输入您的姓名:", "Jane Doe");</code>

示例

下面的示例展示了如何使用 prompt() 方法来收集用户输入:

<code class="html"><script>
  function getInput() {
    let name = prompt("请输入您的姓名:");
    alert("您输入的姓名是:" + name);
  }
</script><button onclick="getInput()">获取用户输入</button></code>

当用户单击按钮时,将打开一个弹出窗口,提示用户输入他们的姓名。用户单击“确定”后,输入的文本将存储在 name 变量中,然后使用 alert() 方法将其显示在浏览器中。

提示

如果用户单击“取消”按钮或关闭窗口,该方法将返回 null。
默认情况下,输入类型为文本。可以通过在第二个参数中指定 “number” 来创建数字输入字段。
prompt() 方法是同步的,这意味着它会阻塞执行,直到用户关闭窗口。

相关推荐

  • vue中获取dom元素的方法

    vue中获取dom元素的方法

    Vue 中获取 DOM 元素的方法在 Vue 中,可以通过以下几种方法获取 DOM 元素:1. $refs 属性是一个对象,它包含了模板中所有带有 属性的元素的引用。使用 可以直接访问 DOM 元

    前端笔记 2024-05-03 17:29:20 209
  • vue中用于设置样式的方法是

    vue中用于设置样式的方法是

    Vue 中设置样式的方法在 Vue.js 中,可以使用多种方法为组件和元素添加样式。1. 内联样式内联样式直接写入组件模板,是最简单的样式设置方法。="html"templa

    前端笔记 2024-05-03 17:28:38 142
  • vue中自定义指令的方法有哪些

    vue中自定义指令的方法有哪些

    Vue 中自定义指令的方法在 Vue 中,可以通过自定义指令扩展 Vue 的功能,以实现更灵活和可重用的代码。以下列出几种创建自定义指令的方法:1. 全局指令="js"Vue.

    前端笔记 2024-04-29 18:21:36 75
  • 方法和函数在 golang 中的性能差异是什么?

    方法和函数在 golang 中的性能差异是什么?

    go 语言中,方法通常比函数性能更好,因为它们直接访问接收者类型字段,避免数据复制。方法主要用于操作接收者类型值,而函数则独立于特定类型执行任务。基准测试显示,方法比函数快约 30%。因此,在考虑性能

    综合教程 2024-04-29 16:06:58 143
  • PHP数组反转的常见错误及其解决方法

    PHP数组反转的常见错误及其解决方法

    php 数组反转时常见的三个错误:1. 未使用 array notation,解决方法:使用数组符号明确将反转数组分配给新变量;2. 尝试反转关联数组,解决方法:先用 array_flip() 转换为

    综合教程 2024-04-29 16:04:58 127