前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >alert和confirm

alert和confirm

作者头像
鹤川
发布于 2023-03-21 13:45:27
发布于 2023-03-21 13:45:27
2K00
代码可运行
举报
文章被收录于专栏:鹤川博客鹤川博客
运行总次数:0
代码可运行

alert和confirm

  • alertconfirm 是浏览器网页中内置 函数 ,主要是通过弹窗来提示用户, 是 JavaScript 代码
  • getElementById 函数,这个函数 JavaScript 通过元素 id 属性的值,获取这个元素对象,然后进行操作即可。这个在前面的 JavaScript 课程中有讲

一、代码实战

新建 html 文件 19-alert.html ,编写下方程序,运行看看效果吧。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <title>alert 和 confirm</title>
    </head>
    <body>

        <buttononclick="doDelete(1)">删除数据</button>

        <inputid="myinput">
        <buttononclick="doGet()">取出myinput中的输入数据</button>

        <scripttype="text/javascript">
            // alert('这是提示')

            function doDelete(id){
                if(confirm("是否删除id="+id+"的这条数据?")){
                    alert('你点了确定删除')
                }else{
                    alert('你点了取消删除')
                }
            }

            function doGet(){
                //取出input里面的值
                let value = document.getElementById("myinput").value
                alert(value)
            }

        </script>
    </body>
</html>

```

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023 年 02 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
window和document
window和document 都是网页中的JavaScript对象。 window对象:就是这个浏览器的窗口,可以通过window获取宽度、高度、网页跳转 document对象:可以通过函数获取网页中标签,然后通过js操作标签 代码实战 新建 html 文件 20-window.html,编写下方程序,运行看看效果吧 <!DOCTYPE html> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equi
鹤川
2023/03/21
5820
引入JS文件和JQuery
新建 html 文件 22-jQuery.html ,编写下方程序,运行看看效果吧
鹤川
2023/03/21
6.2K0
setTimeout和setInterval
新建 html 文件 21-setTimeout.html ,编写下方程序,运行看看效果吧
鹤川
2023/03/21
1.1K0
Javascript的应用
新建 HTML 文件 28-JS.html ,编写下方程序,用浏览器运行看看效果吧。
鹤川
2023/03/21
1770
按钮 button
新建 html 文件 12-button.html,编写下方程序,运行看看效果吧。
鹤川
2023/03/21
2.1K0
其他html元素和属性
disabled:标识元素不可用,就是用户不可互动,比如 button 的 disabled,就是按钮不能点击
鹤川
2023/03/21
7360
input标签
input标签 网页中的输入框。 一、语法介绍 <form> <inputtype="text"name="username"value="qicong"/> </form> 标签 <input> ,主要用于页面数据的填写,然后将数据提交到服务器端。比如我们最长使用的 用户名、密码 ,就是 input 输入框完成的 主要写在 form 标签中,通过 form 提交将数据提交到后台 属性 name:我们提交数据的时候,后台根据 name 来取前端传过去的数据 属性 value:就是用户填写的数据 属性 ty
鹤川
2023/03/21
1.2K0
jQuery的安装
jQuery的安装 一、如何在网页中引入jQuery 在html页面中引入jQuery的js文件即可 &lt;!-- &#x76F8;&#x5BF9;&#x8DEF;&#x5F84; --&gt; &lt;scripttype=&quot;text/javascript&quot;src=&quot;./res/jquery-1.11.3.min.js&quot;&gt;&lt;/script&gt; jQuery 在页面加载完成时执行 $(document).ready(function(){
鹤川
2023/04/27
2260
selenium源码通读·6 |webdriver/common/alert.py-Alert类分析
1 源码路径selenum/webdriver/common/alert.py图片2 功能描述定义了处理弹窗的能力;如警告框、提示框、确认框等等。3 使用方法源码说的很清晰了,只要使用以下的方法即可: Use this class to interact with alert prompts. It contains methods for dismissing, accepting, inputting, and getting text from alert prompts. Accept
虫无涯
2023/02/09
5050
select标签
选择框<select>标签:主要用于数据的选择,比如说我们常常在一些网站上填写:省份、城市、地区的时候,使用的就是select
鹤川
2023/03/21
1.2K0
E005Web学习笔记-JavaScript(三):BOM
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
訾博ZiBo
2025/01/06
760
JAVA保姆式上手教程之免费JAVA 案例day02-js高级
bom: browser object model 浏览器对象模型 js希望和浏览器有一定的交互能力
用户9184480
2024/12/13
760
软件安全性测试(连载8)
对于<audio>和<video>这两个标签安全性而言,在于它同<img>一样支持跨域请求,比如。
顾翔
2019/12/23
6940
软件安全性测试(连载8)
JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
本节讲Dom和Bom模型概念讲解(节点获取,window对象)。 out.js: 写了2个输出到页面的函数。
谙忆
2021/01/21
5870
JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
php与Ajax(三)—无刷新验证用户名实例之分析
自己最近看视频自学ajax,想把一些实例分享给大家,第一个案列是无刷新验证用户名是否可用。
致Great
2023/08/26
1750
php与Ajax(三)—无刷新验证用户名实例之分析
JavaWeb day3 JavsScript 入门
==JavaScript 是一门跨平台、面向对象的脚本语言==,而Java语言也是跨平台的、面向对象的语言,只不过Java是编译语言,是需要编译成字节码文件才能运行的;JavaScript是脚本语言,不需要编译,由浏览器直接解析并执行。
小小程序员
2023/02/15
7.5K1
JavaScript爬虫_速通物流
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站前言 – 床长人工智能教程正在上传…重新上传取消https://www.cbedai.net/gkbskc
全栈程序员站长
2022/11/01
8.4K0
JavaScript爬虫_速通物流
JavaScript 入门(下)
[HTML入门与进阶以及HTML5] [CSS] [JS-上] [JS-下] [jQuery] [Node.js + Gulp 知识点汇总] [MongoDB + Express 入门及案例代码] [Vue项目开发-仿蘑菇街电商APP]
Twcat_tree
2022/12/05
1.1K0
JavaScript 入门(下)
JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战(动态添加删除表格)
上一博文种讲解了JavaScript基础的ECMAScript,包括基本语法和部分对象,本文中继续讲解JavaScript中比较重要的两部分内容BOM、DOM及事件,后文中有对应的实战练习。
Winter_world
2020/09/25
2.2K0
JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战(动态添加删除表格)
wkwebview加载完成_【Swift】WKWebView与JS的交互使用
近日,有朋友问我关于WKWebView与JS的交互问题,可我之前一直使用的是UIWebView,也不曾做过WKWebView的交互啊!接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。
安德玛
2022/03/08
5.7K0
相关推荐
window和document
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文