使用属性的事件处理

最新推荐文章于 2023-12-28 21:01:16 发布

yzbczq

最新推荐文章于 2023-12-28 21:01:16 发布

阅读量109

点赞数

分类专栏： ajax 文章标签： JavaScript Java 脚本 HTML ViewUI

本文链接：https://blog.csdn.net/yzbczq/article/details/83336582

版权

ajax 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

在原始事件模型中,事件处理程序被作为html的属性值被设置为javascript脚本.
ps:就是在标签的属性中写上javascript语句..
例如:


    <input type="button" value="别点我" onclick="alert('别点我.');">

如果处理程序有多个javascript语句组成,中间用;号隔开.

例如:


    <input type="button" value="别点我" onclick="alert('别点我.');alert('你怎么就不听话呢!')">

实际使用中,如果事件处理程序有多个语句,可以把这些语句定义到一个函数体中.然后调用.
例如:


    <input type="button" value="别点我" onclick="donot()">
    <script language="javascript">
    function donot()
    {
      alert('别点我.');
      alert('你怎么就不听话呢!');
      alert('讨厌..');
    }
    </script>

给出一个比较有意思的案例:
自己找一个图片,效果是当鼠标移上去逐渐清晰.代码如下:


<html>
<head>
<title>淡出效果</title>
<style type="text/css">
#image{
filter:alpha(opacity=30);
}
</style>
<script language="javascript">
var num=30;
function change()
{
	if(num<=100)
	{
		num++;
		image.filters.alpha.opacity=num;
		setTimeout("change()",200);
	}
}
</script>
</head>
<body>
<img id="image" src="img/shy.gif" onmousemove="change();" onmouseout="image.filters.alpha.opacity=30;num=30;"/>
</body>
</html>