（转载）http://xiezezhun.iteye.com/blog/335898
简单对话框
一般常用的是 alert prompt confirm三种对话框
JavaScript代码：
<html> <head> <title>Example 简单对话框</title> </head> <body> <script type="text/JavaScript"> <!-- alert("Good Morning!"); //alert只接受一个参数，这个参数是一个字符串，alert所做的全部事情是将这个字符串 //原封不动地以一个提示框返回给用户，我们在前面已经多次见到了这种用法 alert("Hello, "+ prompt("What’s your name?")+ "!"); //prompt是一个询问框，它产生一个询问输入窗口，同时等待用户输入的结果 //以继续执行下面的程序，当用户输入完成，点击确认后，它会将输入的字符串返回 //如果用户点了取消按钮，那么它会返回null if(confirm("Are you ok?")) //confirm是一个确认框，它产生一个Yes|No的确认提示框，如果回答了Yes，它返回true //如果回答了No，它返回false alert("Greate! "); else alert("Oh, what’s wrong?"); --> </script> </body>
也可以自己定义新窗口模拟对话框
<html> <head> <title>Example模拟对话框</title> </head> <body> <button onclick="opennew()">打开</button> <script type="text/JavaScript"> <!-- function opennew(){ //doucment.createElement可以用来构造新的DOM对象 var w=document.createElement("div"); //下面一组style属性控制了模拟窗口的样式 //DOM提供的style属性可以很方便地让JavaScript控制元素的展现方式 w.style.top=50; w.style.left=50; w.style.height=100; w.style.width=300; w.style.position="absolute"; w.style.background="#00ffff"; w.style.paddingTop = 10; //通过appendChild()方法将创建的div元素对象添加到body的内容中去 w.innerHTML+=("<center>I D :<input><br>密码:<input><br></center>"); document.body.appendChild(w); } --> </script> </body> </html>