加载事件（onload）是在网业加载完毕后触发相应的事件处理程序，它可以是在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。卸载事件（unload）是在卸载网页时触发相应的事件处理程序，卸载网页是指关闭当前页或从当前页跳转到其他网页中，该事件常被用于在关闭当前页或跳转其他网页时，弹出询问提示框。
在制作网页时，为了便于网页资源的利用，可以在网页加载事件中对网页中的元素进行设置。
下面以示例的形式讲解如何在页面中合理利用图片资源。
<img src="flower.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;
if (img1. height<h) {
img1. height=h;
alert ("欢迎浏览本网页") ;
}
</script>
</body>
在制作网页时，为了便于网页资源的利用，可以在网页加载事件中对网页中的元素进行设置。
下面以示例的形式讲解如何在页面中合理利用图片资源。
下面的实例是在网页加载时，将图片缩小成指定的大小，当鼠标移动到图片上时，收图片恢复成原始大小，这样可以避免使用大小相同的两个图片进行切换，并在关闭网页时，用提示框提示用户是否关闭当前页。
程序代码如下。
<body οnunlοad="pclose()"><img src="flower.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;
}
}
function pclose () { //卸载网页时强出提示框alert ("欢迎浏览本网页") ;
}
</script>
</body>
337
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
