图1
最常见的这种是通过html中的“＜head＞＜/head＞”或“＜body＞＜/body＞”之间的下面这段javascript代码来实现的(不过要注意，在链接标签内的“href="目标页面的url"”后空一格还有个“onclick="rusure(); return false;" "width=340,height=163"”语句哟)。
＜script language="javascript"＞
function rusure()
{
question = confirm("##") ///##为“相关信息的内容”
if (question !="0")
{
window.open("目标页面的url","测试公告窗口","width=340,height=163");///定制确认对话框尺寸及确定后的目标页面
}
}
＜/script＞
如果你也正在热情地做“叶子”，是否感到这有点千篇一律？diy一个吧！下面(图2)是我尝试用页面定制的一个。过程是：先将要用作按钮的文字或图片超链接到目标页面，其html源代码为：＜a href="#" onclick=window.open("目标页面r的url","list","scrollbars=no,resizable=no,left=100,top=80,width=300,height=80")＞图片url或文本＜/a＞。其中“onclick=window.open”后的括号中的第三个双引号内是定义新窗口的高度和宽度，并且不显示工具栏、菜单栏及滚动条而只有一个标题栏。不过特别值得注意的是：“href=”后的双引号内一定是#；然后再用下面两种方法之一实现确认对话框diy：
1、用网页制作软件去做，制作过程如下：
(1)运行你所熟悉的网页制作软件(如frontpage、dreamwaver等)，新建一个空白页面，输入信息文字并设置为居中；
(2)另起一行插入一个1行3列的表格，设置表格宽度、边线宽度及单元格间距等皆为“0”，并设置第1、3单元格宽度为适当像素(我用的是80)且设置中间一个单元格宽度为10像素(这一格中不输入任何文字，目的是让两个按钮有10像素的间隔)；
(3)在第1单元格输入“确定”二字，设置好屏幕提示信息并设置好超链接(注意目标框架设置为新窗口方式)；在第3单元格输入“退出”二字，设置好屏幕提示信息并设置好超链接(因为是关闭本窗口，所以注意在超链接地址栏中输入“javascript:window.close()”)。
2、html语言法，其设置如下：
(1)、在目标页面的＜body＞和＜/body＞之间写入如下语句：
＜p align="center"＞
＜font face="某种字体" color="宋体颜色" size="字号"＞＜b＞设定相关信息文字＜/b＞＜/font＞＜/p＞
图2
(2)在＜body＞和＜/body＞之间写入如下语句：
＜center＞
＜table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse"＞
＜tr＞
＜td width="80" align="center" bgcolor="#c0c0c0"＞
＜font face="宋体"＞
＜a style="font-size: 10pt; color: #000000" target="_blank" title="想进就“确定”:-)" href="01.htm"＞确定＜/a＞＜/font＞
＜/td＞
＜td width="10" align="center"＞＜/td＞
＜td width="80" align="center" bgcolor="#c0c0c0"＞
＜font face="宋体"＞
＜a style="font-size: 10pt; color: #000000" title="后悔了?“退出”好啦:-)" href="javascript:window.close()"＞退出＜/a＞＜/font＞＜/td＞
＜/tr＞
＜/table＞
＜/center＞
代码说明：其中“＜table……＞＜/table＞”标签定制了一个一行三列的表格，且用“＜center＞＜/center＞”将这个表格限制为居中；第一单元格标签“＜td……＞＜/td＞”定制了其宽度为80像素、居中、单元格背景色为灰等属性，且定制了确定按钮字的字体、新窗口打开目标页面及鼠标指向确定按钮时的提示信息等；第三单元格标签“＜td……＞＜/td＞”定制与第一格相同的单元格属性，且定制了退出按钮字的字体、鼠标指向退出按钮时的提示信息及点按退出按钮后利用“javascript:window.close()”命令关闭窗口。
文章整理：站长天空 网址：http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
