JavaScript日常学习4
2024-08-30 10:48:21
JavaScript事件
1、<button id="btn1" onclick="document.getElementById("btn1").innerText=Date();">现在的时间是?</button>
2、<button onclick="this.innerHTML=Date()">现在的时间是?</button>
3、<button id="btn1" onclick="display_type()">现在的时间是?</button>
<script>
function display_type(){
document.getElementById("btn1").innerText=Date();
}
</script>
JavaScript常见的HTML事件
下面是一些常见的HTML事件的列表:
事件 | 描述 |
---|---|
onchange | HTML 元素改变 |
onclick | 用户点击 HTML 元素 |
onmouseover | 用户在一个HTML元素上移动鼠标 |
onmouseout | 用户从一个HTML元素上移开鼠标 |
onkeydown | 用户按下键盘按键 |
onload | 浏览器已完成页面的加载 |
JavaScript作用域
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
- 页面加载时触发事件
- 页面关闭时触发事件
- 用户点击按钮执行动作
- 验证用户输入内容的合法性
- 等等 ...
可以使用多种方法来执行 JavaScript 事件代码:
- HTML 事件属性可以直接执行 JavaScript 代码
- HTML 事件属性可以调用 JavaScript 函数
- 你可以为 HTML 元素指定自己的事件处理程序
- 你可以阻止事件的发生。
- 等等 ...
最新文章
- NOSDK--一键打包的实现(三)
- 0525Scram项目6.0
- JS获取用户控件中的子控件Id
- 创建ROS功能包(四)
- mongoengine教程1
- 纯CSS实现delay连续动画
- js动态添加table 数据tr td
- Power(int base, int exponent) 函数实现
- Socket,非阻塞,fcntl
- C++ Input &; Output
- MySQL错误2003:Can&#39;t connect to MySQL server (10060)
- 理解 Linux 条件变量
- 和菜鸟一起学产品之用户体验设计UED
- 目标检测 非极大值抑制(Non-Maximum Suppression,NMS)
- C#简单接口和继承示例详解——快速入门
- python 3.5 连接mysql数据库
- ubuntu 16.04 的IP地址变更
- PowerShell工作流学习-3-挂起工作流
- codeforce 886C Petya and Catacombs (map,思路)
- C++连接mysql及遇到的相关问题
热门文章
- 单节点oracle、ASM 详细安装步骤
- 微信小程序轮播图的制作与跳转
- CentOS下nagios报警飞信部署四步走
- 关于system.timer的使用
- js 多个三目运算符优先级
- 手写一个类加载器demo
- poj 3320 jessica&#39;s Reading PJroblem 尺取法 -map和set的使用
- TCP如何保证可靠传输
- R_针对churn数据用id3、cart、C4.5和C5.0创建决策树模型进行判断哪种模型更合适
- 错误“Object reference not set to an instance of an object”的解决方法