请帮我把上述代码在HTML文件中使用<script>标签嵌入JavaScript代码。
时间: 2024-02-24 11:53:41 浏览: 79
好的,下面是把上述代码在HTML文件中使用`<script>`标签嵌入JavaScript代码的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>对话框示例</title>
<meta charset="UTF-8">
</head>
<body>
<button onclick="showAlert()">提示对话框</button>
<button onclick="showConfirm()">确认对话框</button>
<button onclick="showPrompt()">输入对话框</button>
<script>
function showAlert(){
alert("这是一个提示对话框!");
}
function showConfirm(){
if(confirm("是否确定删除该文件?")){
// 用户点击了“确定”按钮
}else{
// 用户点击了“取消”按钮
}
}
function showPrompt(){
let name = prompt("请输入你的姓名:");
if(name){
alert("你好," + name + "!");
}else{
alert("请填写你的姓名!");
}
}
</script>
</body>
</html>
```
在这个例子中,我们在`<body>`标签中添加了三个按钮,每个按钮都绑定了一个JavaScript函数,分别用于显示提示对话框、确认对话框和输入对话框。这些函数的定义在`<script>`标签中,通过`onclick`属性与按钮关联起来。当用户点击按钮时,相应的JavaScript函数就会被调用。
注意,这里的`<script>`标签需要放在HTML文件的`<head>`或`<body>`标签中,以便浏览器能够正确解析JavaScript代码。
阅读全文