欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

js onclick()、js onmouseout()、js onmouseover()、js onload()

程序员文章站 2022-03-13 21:21:25
onclick事件：鼠标点击某HTML元素所引发的事件。适用情况：除了base, bdo, br, head, html, iframe, meta, param, script, style, title 这些HTML元素不适用外，其他HTML元素全部适用。onmouseout事件：鼠标指针移出某HTML元素所引发的事件。适用情况：除了base, bdo, br, head, html, iframe, meta, param, script, style, title 这些HTML元素不适用外...

onclick事件：鼠标点击某HTML元素所引发的事件。
适用情况：除了base, bdo, br, head, html, iframe, meta, param, script, style, title 这些HTML元素不适用外，其他HTML元素全部适用。

onmouseout事件：鼠标指针移出某HTML元素所引发的事件。
适用情况：除了base, bdo, br, head, html, iframe, meta, param, script, style, title 这些HTML元素不适用外，其他HTML元素全部适用。

onmouseover事件：鼠标指针移入某HTML元素所引发的事件。
适用情况：除了base, bdo, br, head, html, iframe, meta, param, script, style, title 这些HTML元素不适用外，其他HTML元素全部适用。

onload事件：当HTML元素加载完毕后发生的事件
适用情况：只有 body, frame, frameset, iframe, img, input type=“image”, link, script, style这些HTML元素适用，其他HTML元素全不适用。

代码展示：

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body onload="load()">
	<script>
		function load(){
			document.write("<h1 οnmοuseοut=out() οnmοuseοver=over() οnclick=clicked() style='color:purple'>[mouseout me、mouseover me、click me]</h1>");
		}
		function out(){
			document.write("<h1 style='color:blue'>onmouseout事件已触发执行out方法！</h1>");
		}
		function over(){
			document.write("<h1 style='color:red'>onmouseover事件已触发执行over方法！</h1>");
		}
		function clicked(){
			document.write("<h1 style='color:green'>onclick事件已触发执行clicked方法！</h1>");
		}
	</script>
</body>
</html>

效果展示：
js onclick()、js onmouseout()、js onmouseover()、js onload()

本文地址：https://blog.csdn.net/weixin_44884379/article/details/112547826

相关标签： Web前端 js css html javascript

上一篇： C# 实现颜色的梯度渐变案例

下一篇： P1003 铺地毯 C++

推荐阅读