我的第一个js事件

原创2019-06-22 21:38:1347
摘要:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>事件</title><style type="text/css&q

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>事件</title>

<style type="text/css">

.q{

width:100px;

height:100px;

border:1px solid #ccc;

}

.w{

width:100px;

height:100px;

border:1px solid #ccc;

}

.e{

width:100px;

height:100px;

border:1px solid #ccc;

}

</style>

</head>


<body>

<script type="text/jscript">

function bs(x){

x.style.background="pink"

x.style.borderRadius="50px"

}

</script>


<div class="q" onclick="bs(this)"></div>

<br />

<br />

<br />

<div class="w" onmouseover="bs(this)"> </div>

</body>

</html>


批改老师:天蓬老师批改时间:2019-06-24 10:09:20
老师总结:将事件能属性的方式添加到元素上, 是最古老的,也是最直观有效的方式之一.... 不过, 要注意, 事件名称,只有当成元素属性的时候, 才需要添加前缀: on, 其它情况下不要添加的

发布手记

热门词条