javascript实现确定和取消提示框效果_javascript技巧
在很多网页都有这样的效果，当点击一个按钮或者其他的对象会弹出一个提示框，如果点击确定则继续执行既定的程序，如果点击取消则会取消继续执行，代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>确定和取消提示框</title>
<style type="text/css">
div
{
width:150px;
margin:0px auto;
}
a
{
font-size:12px;
color:blue;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mylink=document.getElementById("mytest");
mylink.onclick=function(){
if(confirm("确定要访问吗"))
{
return true;
}
else
{
return false;
}
}
}
</script>
</head>
<body>
<div><a href="/" id="mytest">点击跳转</a></div>
</body>
</html>
以上代码中，当点击链接会弹出一个提示框，如果点击确定则会访问蚂蚁部落首页，否则不会访问。实现此功能核心是使用了confirm()，参数值是提示框的文本内容。下面就简短介绍一下以上代码的原理：
一.当点击链接的时候，会调用为a元素绑定的onclick事件处理函数。
二.在事件处理函数中，由于当点击确定按钮，confirm()会返回true，点击取消则会返回false，那么if语句则会根据confirm()的返回值选择执行if语句还是else语句。
以上所述就是本文的全部内容了，希望大家能够喜欢。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何取消Win11中的窗口叠加和层叠效果
Jan 10, 2024 pm 02:50 PM
win11默认的窗口重叠非常烦人，因此很多朋友想要取消层叠窗口，但是不知道怎么取消，其实我们只要用相关软件就可以了。win11窗口重叠层叠窗口怎么取消方法一：通过任务栏取消1、win11没有自带的取消功能，因此我们需要下载一个“startallback”2、下载完成后，“解压”该压缩包，解压完成后，打开文件夹，运行图示安装程序完成安装。。3、安装完成后，需要打开“控制面板”，然后把右上角“查看方式”改为“大图标”。4、这样就可以在其中找到“startallback”了，点击打开它，进入左边“任务
美团取消订单怎么取消
Mar 07, 2024 pm 05:58 PM
用户在使用美团下单时可以选择不想要的订单取消，有很多用户不知道美团取消订单怎么取消，用户可以在我的页面中点击进入订单待收货选择需要取消的订单点击取消。美团取消订单怎么取消1、首先在美团我的页面中点击进入订单待收货。2、然后点击进入需要取消的订单。3、点击取消订单。4、点击确定取消订单。5、最后根据个人情况选择取消原因后点击提交即可。
取消win11屏幕锁教程
Dec 31, 2023 pm 12:29 PM
为了保护屏幕内容或省电我们经常会开启屏保，但是发现每次屏保退出后都要重新输入密码锁非常麻烦，那么win11屏幕锁怎么取消呢，其实在屏保设置里就能关闭。win11屏幕锁怎么取消：1、首先我们右键桌面空白处，打开“个性化”2、然后在右边找到并打开“锁屏界面”3、随后打开最下面相关设置里的“屏幕保护程序”4、最后勾选“在恢复时显示登录屏幕”并确定保存就能取消屏幕锁了。
微信取消耳朵的符号的详细步骤
Mar 25, 2024 pm 05:01 PM
1、耳朵符号是语音听筒模式，首先我们打开微信。2、点击右下角的我。3、点击设置。4、找到聊天点击进入。5、取消勾选使用听筒播放语音即可。
芒果tv自动续费在哪取消
Feb 28, 2024 pm 10:16 PM
许多用户在体验芒果TV这款视频软件时，为了享受更多的影视资源和更全面的服务，都会选择开通会员。而在使用芒果TV会员服务的过程中，部分用户会选择开启自动续费功能享受优惠，以确保不会错过任何精彩内容。然而，当用户不再需要会员服务或希望更改支付方式时，取消自动续费功能就是保护财产安全非常重要的一件事，究竟该如何取消芒果tv的自动续费服务呢，想要了解的用户们就快来跟着本文一起详细了解一下吧！芒果tv怎么取消会员自动续费？1、首先进入芒果tv手机APP里面的【我的】，再选择【VIP会员】。2、然后找到【管
爱奇艺怎么取消自动续费 爱奇艺取消自动续费怎么操作
Feb 22, 2024 pm 04:46 PM
可以在我的黄金VIP会员界面打开管理自动续费功能进行取消。教程适用型号：华为P50系统：HarmonyOS2.0版本：爱奇艺12.1.0解析1打开手机上的爱奇艺app，接着进入我的页面。2然后在我的页面点击上方的黄金VIP会员，接着点击管理自动续费选项。3在弹出的窗口中点击取消自动续费，不感兴趣，继续取消。4最后确认关闭自动续费并点击我知道了，残忍拒绝即可。补充：苹果手机爱奇艺怎么取消自动续费功能1打开手机上的设置，接着在设置界面点击顶部的【AppleID】。2在AppleID界面点击【订阅】选
微信取消订阅付款的操作步骤
Mar 26, 2024 pm 08:21 PM
1、在手机设置中点击【iTunesStore与AppStore】选项。2、点击【查看AppleID】，然后输入登录密码。3、进入【帐户设权置】界面，点击【付款信息】。4、将付款方式勾选为【无】，点击【完成】。完成后，返回微信界面，此时将会收到【解约成功通知】的信息，微信就再也不会自动扣除费用。
如何移除Win10桌面图标上的防火墙标志?
Jan 01, 2024 pm 12:21 PM
很多使用win10系统的小伙伴发现，电脑桌面的图标上有防火墙的标志，这是什么情况呢?这让很多有强迫症的小伙伴特别难受，其实我们只要打开控制面板，在用户账户中的“更改用户账户控制设置”更改就可以解决了，具体的教程一起来看看吧。win10桌面图标有防火墙标志怎么取消1、首先，通过鼠标右键点击计算机开机画面旁的开始菜单按钮，然后从弹出的菜单中选取控制面板功能。2、紧接着选择其中的“用户账户”选项，从接下来出现的新界面中选择“更改用户账户控制设置”这一项目。3、在调整窗口中的滑块至底部之后，点击确认退出
