<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function pro(){
var message=document.getElementById("message");
message.value=window.prompt(message.value,"返回的信息");
}
</script>
<input id="message" type="text" size="40" value="请在此输入信息">
<br><br>
<input type="button" value="显示对话框" onClick="pro()">
</body>
</html>上面这段代码为什么输入后自己输入的内容会替代初始值“返回的信息”？
是怎么替换的？逻辑是什么？瞬间就替换了吗
这段代码中，输入的内容会替代初始值"返回的信息"，是因为 window.prompt() 方法的参数设置和赋值逻辑导致的
具体替换逻辑如下：
获取输入框对象：
var message=document.getElementById("message")获取了ID为"message"的input元素对象
prompt方法调用：
window.prompt(message.value,"返回的信息")这里有两个关键点：
第一个参数
message.value是当前输入框的值"请在此输入信息"，作为prompt对话框的默认文本第二个参数
"返回的信息"是prompt对话框的默认输入值赋值操作：
message.value=window.prompt(...)将用户输入的新值直接赋给了输入框的value属性
当用户点击按钮触发pro()函数时，整个过程是瞬间完成的
如果用户在prompt对话框中直接点击"确定"而不修改内容，那么输入框的value就会被设置为"返回的信息"；
如果用户输入了新内容，则新内容会覆盖原来的值
这种替换是同步执行的，用户完成prompt对话框的交互后，
输入框的值会立即更新，看起来就像是瞬间被替换了
还是不太明白
我来用一个简单的例子来解释代码中的替换逻辑：
假设输入框当前显示："请在此输入信息"
当点击按钮时：
message.value获取到"请在此输入信息"window.prompt("请在此输入信息", "返回的信息")会弹出对话框，其中：提示文字是"请在此输入信息"
输入框默认显示"返回的信息"
关键点：
如果用户直接点击"确定"（不修改内容），prompt返回"返回的信息"
如果用户输入"Hello"，prompt返回"Hello"
然后执行 message.value = 用户输入的内容，这就完成了替换。
为什么看起来是瞬间替换？
因为整个过程是同步执行的：
点击按钮 → 弹出对话框 → 用户输入 → 立即赋值 → 对话框关闭 → 页面更新
这个替换发生在用户完成对话框交互后的瞬间，所以感觉很快。