打开对话框 - TypeScript

在 TypeScript 中，打开对话框（dialog）可以通过使用浏览器提供的 window.prompt、window.alert 和 window.confirm 方法来实现。这些方法基于浏览器的原生对话框，可以在网页中方便地弹出提示信息和获取用户输入。

window.prompt

window.prompt 方法弹出一个文本框，提示用户输入文本。该方法会返回用户输入的文本内容，或者如果用户点击取消，则返回 null。

以下是一个示例：

const userInput: string | null = window.prompt('请输入您的姓名：');
if (userInput !== null) {
  console.log(`你好，${userInput}！`);
}

在上面的示例中，window.prompt 方法的参数为一个字符串，用以提示用户输入的信息。如果用户输入了文本，那么该文本将被赋值给 userInput 变量，并被打印出来。如果用户点击了取消，则 userInput 会赋值为 null。

window.alert

window.alert 方法弹出一个对话框，显示一段提示信息。该方法没有返回值。

以下是一个示例：

window.alert('欢迎来到 TypeScript 的世界！');

在上面的示例中，window.alert 方法的参数为一个字符串，用以提示用户需要的信息。

window.confirm

window.confirm 方法弹出一个对话框，询问用户是否确认执行某个操作。该方法返回一个布尔值，表示用户是否点击了确认按钮。

以下是一个示例：

const shouldDelete: boolean = window.confirm('确认要删除这个文件吗？');
if (shouldDelete) {
  deleteFile();
}

在上面的示例中，window.confirm 方法的参数为一个字符串，用以提示用户需要的信息。如果用户点击了确认按钮，则 shouldDelete 的值为 true，否则为 false。

总之，在 TypeScript 中使用这些浏览器提供的方法，可以方便地和用户交互，并获得他们输入的值和意见。