加载与卸载事件

最新推荐文章于 2024-04-25 20:29:33 发布

iteye_5722

最新推荐文章于 2024-04-25 20:29:33 发布

阅读量337

点赞数

分类专栏： JavaScript 文章标签：加载卸载事件

JavaScript 专栏收录该内容

188 篇文章 0 订阅

订阅专栏

一介绍

加载事件（onload）是在网页加载完毕后触发相应的事件处理程序，它可以在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。

卸载事件（unload）是在卸载网页时触发相应的事件处理程序，卸载网页是指关闭当前页或从当前页跳转到其他网页中，该事件常被用于在关闭当前页或跳转其他网页时，弹出询问提示框。

在制作网页时，为了便于网页资原的利用，可以在网页加载事件中对网页中的元素进行设置。

二应用

本示例是在网页加载时，将图片缩小成指定的大小，当鼠标移动到图片上时，将图片大小恢复成原始大小。

这样可以避免使用大小相同的两个图片进行切换。

三代码

<body οnunlοad="pclose()"> 
<img src="TEMP.jpg" name="img1" οnlοad="blowup()" οnmοuseοut="blowup()" οnmοuseοver="reduce()"> 

<script language="javascript">
<!--
var h=img1.height;
var w=img1.width;
function blowup() //缩小图片
{
if (img1.height>=h)
{
	img1.height=h-100;
	img1.width=w-100;
}
}
function reduce() //恢复图片的原始大小
{
if (img1.height<h)
{
	img1.height=h;
	img1.width=w;
}
}

//-->
</script>
</body>

四运行结果

iteye_5722

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
加载与卸载事件

一介绍加载事件（onload）是在网页加载完毕后触发相应的事件处理程序，它可以在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。卸载事件（unload）是在卸载网页时触发相应的事件处理程序，卸载网页是指关闭当前页或从当前页跳转到其他网页中，该事件常被用于在关闭当前页或跳转其他网页时，弹出询问提示框。在制作网页时，为了便于网页资原的利用，可以在网页加载事件中对网页中的元素...
复制链接

扫一扫