当前位置: 首页 > news >正文

JS(DOM、事件)

 DOM

  • 概念:Document Object Model,文档对象模型。
  • 将标记语言的各个组成部分封装为对应的对象:
  1. Document:整个文档对象
  2. Element:元素对象
  3. Attribute:属性对象
  4. Text:文本对象
  5. Comment:注释对象
  • JavaScript通过DOM,就能够对HTML进行操作:
  1. 改变 HTML 元素的内容
  2. 改变 HTML元素的样式(CSS)
  3. 对 HTML DOM 事件作出反应
  4. 添加和删除 HTML 元素


事件绑定

  • 方式一:通过HTML表签中的事件属性进行绑定
    <input type="button" onclick="on()" value="按钮1">
    <script>function on(){alert('我被点击了!'    );}
    </script>

  • 方式二:通过DOM元素属性绑定

    <input type="button" id="btn" value="按钮2">
    <script>document.getElementById('btn').onclick=function(){alert('我被点击了!');
    }
    </script>

     

常见事件 

相关文章:

  • 【MyBatis】MyBatis操作数据库(二):动态SQL、#{}与${}的区别
  • Amazon云计算AWS(二)
  • 发布 jar 包到 maven 中央仓库
  • 2024-06-03 问AI: 什么是TPU Pod?
  • 最小二乘法算法(个人总结版)
  • 列表推导式妙用(i for i in lst):python使用列表推导式,把二维列表数据放入一维列表中(高维数据放入低维列表)
  • Nginx的Location匹配与Rewrite重写
  • Python知识点10---函数
  • 【linux-imx6ull-设备树点灯】
  • 【第9章】SpringBoot中Bean的扫描和注册
  • 【UE5:CesiumForUnreal】——加载无高度地形数据
  • JavaScript 基础 - 对象
  • 算法训练营第四十八天 | 卡码网57 爬楼梯、LeetCode 322 零钱兑换、LeetCode 279 完全平方数
  • 《雅思口语真经总纲1.0》笔记——第二章:官方评分标准真经——Fluency Coherence 流利度和连贯性(1、连贯性)
  • 深度学习知识与心得
  • [分享]iOS开发 - 实现UITableView Plain SectionView和table不停留一起滑动
  • 【css3】浏览器内核及其兼容性
  • 【每日笔记】【Go学习笔记】2019-01-10 codis proxy处理流程
  • C++入门教程(10):for 语句
  • ERLANG 网工修炼笔记 ---- UDP
  • input实现文字超出省略号功能
  • jQuery(一)
  • leetcode388. Longest Absolute File Path
  • Nginx 通过 Lua + Redis 实现动态封禁 IP
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • Transformer-XL: Unleashing the Potential of Attention Models
  • VUE es6技巧写法(持续更新中~~~)
  • vue 配置sass、scss全局变量
  • 安装python包到指定虚拟环境
  • 关于 Linux 进程的 UID、EUID、GID 和 EGID
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 记录一下第一次使用npm
  • 猫头鹰的深夜翻译:Java 2D Graphics, 简单的仿射变换
  • 深入 Nginx 之配置篇
  • 深入浏览器事件循环的本质
  • 算法之不定期更新(一)(2018-04-12)
  • 问题之ssh中Host key verification failed的解决
  • 一些css基础学习笔记
  • 移动端解决方案学习记录
  • 如何用纯 CSS 创作一个菱形 loader 动画
  • ​ArcGIS Pro 如何批量删除字段
  • ​经​纬​恒​润​二​面​​三​七​互​娱​一​面​​元​象​二​面​
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • $.ajax()方法详解
  • $forceUpdate()函数
  • (1)常见O(n^2)排序算法解析
  • (20050108)又读《平凡的世界》
  • (Git) gitignore基础使用
  • (JS基础)String 类型
  • (办公)springboot配置aop处理请求.
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (十八)Flink CEP 详解
  • (十二)devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • .dat文件写入byte类型数组_用Python从Abaqus导出txt、dat数据