JavaScript基础教程

文章39 |   阅读 11546 |   点赞0

来源:https://blog.csdn.net/u011541946/category_6887610.html

JavaScript学习笔记23-鼠标悬停和页面加载

x33g5p2x  于2022-03-06 转载在 其他  
字(1.0k)|赞(0)|评价(0)|浏览(247)

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

鼠标悬停,弹出alert框。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
</head>
<body>
<a href= "htps://www.baidu.com" onMouseOver="alert('gameover!!');" > Mouch over here </a>
</body>
</html>

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

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
</head>
<body>
<a href= "htps://www.baidu.com" onMouseOut="alert('gameover!!');" > Mouch over here </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>

相关文章