示例代码
<h2>JavaScriptDialog</h2>
<hr/>
<buttononclick="btn_alert()">alert:警告对话框</button>
<buttononclick="btn_confirm()">confirm:确定操作对话框</button>
<buttononclick="btn_prompt()">prompt:用户输入对话框</button>
<script>
/*alert的示例*/
function btn_alert(){
alert("警告对话框\n常用于输出一些提示信息");
}
/*confirm的示例*/
function btn_confirm(){
var con = confirm("这是确定操作对话框,提供两个按钮供用户选择")
if(con ==true){
document.getElementById(‘out‘).innerHTML ="你选‘确定’";
}else{
document.getElementById(‘out‘).innerHTML ="你选‘取消‘";
}
}
/*prompt的示例*/
function btn_prompt(){
var pro=prompt("这是一个提示信息","用户请在此输入");
if(pro!=""){
document.getElementById(‘out‘).innerHTML="你输入的是: "+pro;
}if(pro==""){
document.getElementById(‘out‘).innerHTML="你什么都没输入,但按了“确定”";
}if(pro==null){
document.getElementById(‘out‘).innerHTML="你什么都没有输入,并按了“取消”"
}
}
</script>
<pid="out"></p>
时间: 2024-12-19 12:32:56