1 确定对话框的位置与尺寸通过CSS定位与盒模型属性，可以精确设置对话框在页面中的位置及其尺寸2 创建对话框标题利用HTML标签，如``，来添加对话框的标题，并通过CSS对标题进行样式设计3 填充对话框内容在对话框内添加所需的元素，如表单字段按钮文本内容链接和图像等，以丰富对话框。

lttitleHTML网页打开后跳出来一个对话框，需要点确定lttitle lthead ltbody onload=quotjavascriptwindowalert#39确定吗#39quot ltbody lthtml 如果要把提示分为两行居中显示代码如下lthead ltscript language=quotjavascriptquot alertquot弹出提示上\n弹出提示下quotltscript lthead。

ltinput type=quotsubmitquot value=quot搜索quot ltform 这段代码会在用户输入关键词并点击搜索按钮后，将内容直接提交到百度进行搜索如果你希望它像hao123那样更加简洁，可以进行适当的美化和调整另外，百度也提供了更多定制化的选项，比如调整样式添加logo等你可以在帮助中心找到更多的详细信息如果你想。

用showModalDialog弹出对话框例子如下1Ahtml执行弹出对话框 ltscript showModalDialogquotBhtmlquot，quotquot，quotdialogWidth250pxdialogHeight200pxcenteryeshelpnoresizableyesstatusnoquotltscript 2Bhtml弹出对话框需要显示的内容 lthtml lttitle弹出对话框标题lttitle ltbody。

使用zindex属性对div进行修饰，加之背景颜色，就是你的无法点击的背景了 然后就是写个div，排版好对话框的样式，就成了。