1、在body里面布局，把对话框的大致结构写出来。
2、写css样式，让对话框在网页上体现出来。
3、得到如下图样式，结构完成。
4、最后就是写js样式，让我们的对话框达到一定的效果。
5、点击超链接弹出对话框。
confirm()方法
confirm()
方法用于显示一个带有指定消息和确定及取消按钮的对话框。
说明：如果用户点击确定按钮，则
confirm()
返回
true。如果点击取消按钮，则
confirm()
返回
false
一种：
复制代码
代码如下:
<a
href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.baidu.com'">弹出窗口</a>
二种：
复制代码
代码如下:
<script
language="JavaScript">
function
delete_confirm(e)
{
if
(event.srcElement.outerText
==
"删除")
{
event.returnValue
=
confirm("删除是不可恢复的，你确认要删除吗？")
}
}
document.onclick
=
delete_confirm
</script>
<a
href="Delete.aspx"
onClick="delete_confirm">删除</a>
三种：
复制代码
代码如下:
if(window.confirm('你确定要取消交易吗？')){
//alert("确定")
return
true
}else{
//alert("取消")
return
false
}
四种：
复制代码
代码如下:
<script
language="JavaScript">
function
delete_confirm()
<!--调用方法-->
{
event.returnValue
=
confirm("删除是不可恢复的，你确认要删除吗？")
}
</script>
我自己经常用的一种更简单的方法
，更简单：
复制代码
代码如下:
<form
name="form1"
method="post"
action="xxx.htm"
onSubmit="javascript:return
window.confirm('确认提交吗？')">
文本框不可以编辑可以用两个属性来控制：
readonly，只读属性，文本可以选择、复制，但是不可以改变文本值
disabled，不可选择、复制、改变文本值。
js控制打开对话框的时候，同时改变对话框中的文本框的属性即可。
jq方法
$("input[type=text]").prop('readonly','readonly')
或者
$("input[type=text]").prop('disabled','disabled')
