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 浏览器已完成页面的加载

后记

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

相关推荐
子兮曰7 分钟前
🚀前端依赖配置避坑指南:深度解析package.json中devDependencies的常见误解
前端·javascript·npm
forever_Mamba9 分钟前
实现一个高性能倒计时:从踩坑到最佳实践
前端·javascript
小帆聊前端10 分钟前
JS 原型链深度解读:从混乱到通透,掌握 90% 前端面试核心
javascript
子兮曰10 分钟前
浏览器与 Node.js 全局变量体系详解:从 window 到 global 的核心差异
前端·javascript·node.js
召摇12 分钟前
API 设计最佳实践 Javascript 篇
前端·javascript·vue.js
小桥风满袖18 分钟前
极简三分钟ES6 - ES9中Promise扩展
前端·javascript
Mintopia19 分钟前
🧑‍💻 用 Next.js 打造全栈项目的 ESLint + Prettier 配置指南
前端·javascript·next.js
Mintopia28 分钟前
🤖 微服务架构下 WebAI 服务的高可用技术设计
前端·javascript·aigc
江城开朗的豌豆43 分钟前
React 跨级组件通信:避开 Context 的那些坑,我还有更好的选择!
前端·javascript·react.js
吃饺子不吃馅1 小时前
root.render(<App />)之后 React 干了哪些事?
前端·javascript·面试