JavaScript基础15-JS操作页面_鼠标悬停和页面加载事件

最新推荐文章于 2022-04-09 17:59:58 发布

橘九。

最新推荐文章于 2022-04-09 17:59:58 发布

阅读量584

点赞数

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/qq_34400745/article/details/102687697

版权

JavaScript基础专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文详细讲解了JavaScript中处理鼠标悬停（onmouseover）和离开（onmouseout）事件，以及页面加载（onLoad）事件的用法，并通过实例展示了如何在这些事件触发时显示提示信息。

摘要由CSDN通过智能技术生成

本文介绍鼠标悬停和页面加载事件举例。

onmouseover 鼠标悬停
onmouseout 鼠标离开
onLoad 页面加载
鼠标悬停，弹出alert框。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>鼠标悬停事件</title>
	</head>
	<body>
		
		<a href="htps://www.baidu.com" onmouseover="alert('鼠标悬停了')">鼠标悬停</a>
	</body>
</html>

鼠标离开标签<a>区域，弹出alert框。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>事件</title>
	</head>
	<body>
		
		<a href="htps://www.baidu.com" onmouseout="alert('鼠标离开了')">鼠标离开</a>
	</body>
</html>

页面加载，一运行这个页面就显示已经加载

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head>
</head>
<body onLoad="alert('该页面已经加载成功！');">
 
</body>
</html>

橘九。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础15-JS操作页面_鼠标悬停和页面加载事件

本文介绍鼠标悬停和页面加载事件举例。onmouseover 鼠标悬停onmouseout 鼠标离开onLoad 页面加载鼠标悬停，弹出alert框。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标悬停事件</ti...
复制链接

扫一扫