,,javascript实现确定和取消提示框效果

,,javascript实现确定和取消提示框效果

本文主要介绍用javascript确定和取消提示框效果的方法,以及示例代码分享。有需要的可以参考一下。

很多网页都有这种效果。当你点击一个按钮或其他物体时,会弹出一个提示框。如果您单击确定,您将继续执行已建立的程序。如果单击“取消”,将取消执行。代码示例如下:

!文档类型html

超文本标记语言

meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /

确认和取消提示框/标题

style type='text/css '

差异

{

宽度:150px

边距:0px自动;

}

a

{

字体大小:12px

颜色:蓝色;

}

/风格

脚本类型='文本/javascript '

window.onload=function(){

var my link=document . getelementbyid(' mytest ');

mylink.onclick=function(){

如果(确认('您确定要访问'))

{

返回true

}

其他

{

返回false

}

}

}

/脚本

/头

身体

A href='/'id=' mytest '单击跳转/a/div。

/body

/html

在上面的代码中,当你点击链接时,会弹出一个提示框。点击确定就访问蚁族首页,否则不访问。这个函数的核心是使用confirm(),参数值是提示框的文本内容。下面简单介绍一下上面代码的原理:

1.当单击链接时,将调用绑定到元素A的onclick事件处理程序。

2.在事件处理函数中,由于单击确认按钮时confirm()将返回true,单击取消按钮时返回false,因此if语句将根据confirm()的返回值选择是执行if语句还是else语句。

以上是本文的全部内容。我希望你能喜欢它。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: