1.Javascript-JavaScript事件

题记

javascript事件的用法

HTML 事件是发生在 HTML 元素上的事情。

HTML 元素中添加事件属性

也可以是双引号

<元素名 事件名='JavaScript 代码'>

实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>none</title>

</head>

<body>

<button οnclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>

<p id="demo"></p>

</body>

</html>

修改自身元素的实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>none</title>

</head>

<body>

<button οnclick="this.innerHTML=Date()">现在的时间是?</button>

</body>

</html>

常用实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>none</title>

</head>

<body>

<p>点击按钮执行 <em>displayDate()</em> 函数.</p>

<button οnclick="displayDate()">点这里</button>

<script>

function displayDate(){

document.getElementById("demo").innerHTML=Date();

}

</script>

<p id="demo"></p>

</body>

</html>

常见事件

onchange HTML 元素改变

onclick 用户点击 HTML 元素

onmouseover 鼠标指针移动到指定的元素上时发生

onmouseout 用户从一个 HTML 元素上移开鼠标时发生

onkeydown 用户按下键盘按键

onload 浏览器已完成页面的加载

后记

觉得有用可以点赞或收藏!

相关推荐
RoyLin2 分钟前
TypeScript设计模式:迭代器模式
javascript·后端·node.js
小桥风满袖2 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript
编程贝多芬2 小时前
Promise 的场景和最佳实践
前端·javascript
Asort2 小时前
JavaScript 从零开始(四):基础语法详解——从变量声明到数据类型的完全指南
前端·javascript
木木jio2 小时前
前端大文件分片上传 —— 基于 React 的工程化实现
前端·javascript
Lotzinfly2 小时前
12个TypeScript奇淫技巧你需要掌握😏😏😏
前端·javascript·面试
一个大苹果2 小时前
setTimeout延迟超过2^31立即执行?揭秘JavaScript定时器的隐藏边界
javascript
普郎特3 小时前
"不再迷惑!用'血缘关系'彻底搞懂JavaScript原型链机制"
前端·javascript
小帆聊前端3 小时前
Flex 布局实战指南:从踩坑到精通,解决 90% 布局难题
css
侃侃_天下3 小时前
最终的信号类
开发语言·c++·算法