javascript实现确定和取消提示框效果_javascript技巧
程序员文章站
2022-04-23 14:01:49
...
在很多网页都有这样的效果,当点击一个按钮或者其他的对象会弹出一个提示框,如果点击确定则继续执行既定的程序,如果点击取消则会取消继续执行,代码实例如下:
确定和取消提示框
以上代码中,当点击链接会弹出一个提示框,如果点击确定则会访问蚂蚁部落首页,否则不会访问。实现此功能核心是使用了confirm(),参数值是提示框的文本内容。下面就简短介绍一下以上代码的原理:
一.当点击链接的时候,会调用为a元素绑定的onclick事件处理函数。
二.在事件处理函数中,由于当点击确定按钮,confirm()会返回true,点击取消则会返回false,那么if语句则会根据confirm()的返回值选择执行if语句还是else语句。
以上所述就是本文的全部内容了,希望大家能够喜欢。
上一篇: PHP底层的运行机制与原理
推荐阅读
-
JavaScript实现京东购物放大镜和选项卡效果的方法分析
-
不使用JavaScript实现菜单的打开和关闭效果demo
-
JavaScript实现全选取消效果
-
JavaScript实现复选框全选和取消全选
-
JavaScript实现带有子菜单和控件的slider轮播图效果
-
html、css和javascript协作实现前端相片走廊的效果
-
javascript中的缓动效果实现程序_javascript技巧
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
利用JavaScript实现春节倒计时效果(移动端和PC端)
-
JS实现简单的顶部定时关闭层效果_javascript技巧