JavaScript弹出框 元素文本输入

  1. 通过是否确定或者取消进行判断,利用confirm语法,msg会变成布尔值,确定是true,取消是false,可通过,msg值进行判断
msg=confirm("你有没有学过h5?");// 同步等待:1
console.log(msg);// 3
  1. 输入确定框,输入的内容,会赋值给name
name=prompt("请输入你的姓名:");//弹出框执行的优先级别要高于返回值:2
console.log(name);//4
  1. 写入html内容,会打开现有的HTML中的body部分,重新加入内容

    • 注意:如果交互的时候使用这种写法,会删除掉body内原来的内容,写入新的内容
    • 只适用于document.write
    • 也可以插入HTML标签
    document.write("写入内容");
    document.write("<button>按钮</button>");
    
  2. 写入HTML,可使用innerHTML

    • 注意:这种写法会删除元素内的所有子节点

      div.innerHTML="改变内容";//click点击改变
      
  3. 还有一种写法是设置textContent属性,如果使用textContent属性,也会删除元素内的所有子节点,并替换为指定字符串的一个单独的文本节点

document.getElementById("div").textContent;//获取div里面的文本内容
document.getElementById("div").textContent="Hello";//改变div里面的内容

JavaScript弹出框 元素文本输入相关推荐

  1. html弹出框教程,JavaScript 弹出框

    JavaScript 弹出框 在JavaScript中,您可以创建对话框或弹出窗口来与用户进行交互. JavaScript具有三种不同类型的弹出框:警告框,确认框和提示框. 警告框 警告框是最简单的弹 ...

  2. JavaScript弹出框、对话框、提示框、弹窗总结

    JavaScript弹出框.对话框.提示框.弹窗总结. 1.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 =================== ...

  3. javascript弹出框_了解JavaScript第2部分(变量和弹出框简介)

    javascript弹出框 Hello, 你好, It's been long time since I wrote my last article on this series. You may l ...

  4. Java程序员从笨鸟到菜鸟之(三十)javascript弹出框、事件、对象化编程

    一:弹出框 JavaScript中有三种弹出框:警告(alert).确认(confirm)以及提问(prompt). 1.警告(alert)  在访问网站的时候,你遇到"咚"的一声 ...

  5. java实现ln10_Java程序员从笨鸟到菜鸟之(三十)javascript弹出框、事件、对象化编程...

    一:弹出框 JavaScript中有三种弹出框:警告(alert).确认(confirm)以及提问(prompt). 1.警告(alert) 在访问网站的时候,你遇到"咚"的一声, ...

  6. JavaScript弹出框

    提到弹出框,首先想到的alert()了,其次想到的也还是alert(),其实在js中有三种弹出框,下面我们一一说明. 1,仅确定. 即:对话框界面上只有确定按钮.该功能可以使用alert()方法实现. ...

  7. 轻量级的 JavaScript 弹出框脚本:TinyBox

    ThickBox 是一个基于 JQuery 类库的扩展,它能在浏览器界面上显示非常棒的弹出框,它可以显示单图片,多图片,AJAX 请求内容或链接内容. 要使用 ThickBox,需要下载三个文件: J ...

  8. Selenuim+Python之关联推荐弹出框元素定位

    第一种:百度搜索弹出框: 1.在百度输入杭州时下面会弹出4个推荐选项: 2.如果按照正常的定位方法去定位是找不到的,因为你只要点击F12里面的检查,百度那里的弹窗就会自动关闭: 3.这时候你可以使用在 ...

  9. Bootstrap5 弹出框

    弹出框控件类似于提示框,它在鼠标点击到元素后显示,与提示框不同的是它可以显示更多的内容. 如何创建弹出框 通过向元素添加 data-bs-toggle="popover" 来来创建 ...

最新文章

  1. [Webpack 2] Intro to the Production Webpack Course
  2. Java黑皮书课后题第7章:**7.17(对学生排序)编写一个程序,提示用户输入学生个数、学生姓名和他们的成绩,然后按照学生成绩的降序打印学生的姓名。假定姓名是不包含空格的字符,使用next()读取
  3. TCP,UDP发送数据包大小浅析
  4. int、long、long long __int64取值范围
  5. 敏捷开发日常跟进系列之一:燃尽图(上)
  6. 简单步骤Centos7安装Tomcat 8 (yum安装)(ZT)
  7. 机械手三维图 matlab,机械手的三维建模
  8. 【牛客网刷题系列 之 Verilog快速入门】~ 异步复位的串联T触发器、奇偶校验
  9. 删除QQ空间留言一直频繁怎么办,QQ空间留言一键删除
  10. oracle exportdmp,Oracle导入导出dmp表
  11. 如何轻松搞定 笔记本搜不到WIFI信号问题
  12. 数字分割(拆数字)的两种方法
  13. Windows10系统蓝屏解决方案
  14. Process 2(完成版)
  15. MFC C++ 如何发送Postmessage
  16. 海波龙 11.1.2.4安装指南// hyperion install
  17. 遇到滴滴司机以返程空驶为由额外加价,该如何有效维权?
  18. 电脑C盘清理,你了解吗
  19. 关系型数据库RDBMS
  20. 计算机加减法教学设计,十的加减法教学设计

热门文章

  1. vue3报错:找不到模块“element-plus”或其相应的类型说明
  2. Pico 的安卓自启动
  3. python竖式计算_Python 模拟竖式大数乘法
  4. Elasticsearch:hanlp 中文分词器
  5. python 插件 库
  6. 计算机视觉系列3.1 VGGNet中的数据预处理
  7. [学习笔记]金融风控实战
  8. JAVA构建树状结构
  9. 零售行业交易数据分析(3)——群组/同期群分析(留存率分析)
  10. ios swift 5 UIView切圆角,指定某几个角,2个,左上,左下,右上,右下