最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
自己制作友好的页面“确认对话框”
时间:2022-07-02 23:25:51 编辑:袖梨 来源:一聚教程网
上网时,常遇到这种情况:当点击某个页面上某个链接时,弹出一个显示警告、欢迎或注意事项、提示、版权等信息且带有“确定”和“退出”按钮的确认对话框(图1):若选“确定”则会继续加载到目标页面,若选择“退出”则不继续,从而给浏览者一个反悔的机会。
图1
最常见的这种是通过HTML中的“<head></head>”或“<body></body>”之间的下面这段JavaScript代码来实现的(不过要注意,在链接标签内的“href="目标页面的URL"”后空一格还有个“onclick="rusure(); return false;" ","”语句哟)。
<script language="JavaScript">
function rusure()
{
question = confirm("##") ///##为“相关信息的内容”
if (question !="0")
{
window.open("目标页面的URL","测试公告窗口",",");///定制确认对话框尺寸及确定后的目标页面
}
}
</script>
如果你也正在热情地做“叶子”,是否感到这有点千篇一律?DIY一个吧!下面(图2)是我尝试用页面定制的一个。过程是:先将要用作按钮的文字或图片超链接到目标页面,其HTML源代码为:<a href="#" onClick=window.open("目标页面R的URL","list","scrollbars=no,resizable=no,left=100,top=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()”)。
图1
最常见的这种是通过HTML中的“<head></head>”或“<body></body>”之间的下面这段JavaScript代码来实现的(不过要注意,在链接标签内的“href="目标页面的URL"”后空一格还有个“onclick="rusure(); return false;" ","”语句哟)。
<script language="JavaScript">
function rusure()
{
question = confirm("##") ///##为“相关信息的内容”
if (question !="0")
{
window.open("目标页面的URL","测试公告窗口",",");///定制确认对话框尺寸及确定后的目标页面
}
}
</script>
如果你也正在热情地做“叶子”,是否感到这有点千篇一律?DIY一个吧!下面(图2)是我尝试用页面定制的一个。过程是:先将要用作按钮的文字或图片超链接到目标页面,其HTML源代码为:<a href="#" onClick=window.open("目标页面R的URL","list","scrollbars=no,resizable=no,left=100,top=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()”)。