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

后记

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

相关推荐
心情好的小球藻15 分钟前
Python应用进阶DAY9--类型注解Type Hinting
开发语言·python
惜.己27 分钟前
使用python读取json数据,简单的处理成元组数组
开发语言·python·测试工具·json
Y40900133 分钟前
C语言转Java语言,相同与相异之处
java·c语言·开发语言·笔记
DanB2437 分钟前
html复习
javascript·microsoft·html
古月-一个C++方向的小白6 小时前
C++11之lambda表达式与包装器
开发语言·c++
沐知全栈开发6 小时前
Eclipse 生成 jar 包
开发语言
呼啦啦呼啦啦啦啦啦啦7 小时前
利用pdfjs实现的pdf预览简单demo(包含翻页功能)
android·javascript·pdf
杭州杭州杭州7 小时前
Python笔记
开发语言·笔记·python
tanyongxi668 小时前
C++ AVL树实现详解:平衡二叉搜索树的原理与代码实现
开发语言·c++
阿葱(聪)9 小时前
java 在k8s中的部署流程
java·开发语言·docker·kubernetes