1 html 文件
<!DOCTYPEhtml>
<htmllong="zh-cn">
<head>
<meta charset="utf-8">
<title>JavaScripe 程序开发</title>
<scripttype="text/javascript" src="6.js"></script>
</head>
<body>
<!-- 要想设置图形的宽度,属性后面一定要加style="width:100px"一定要加px,没有px 不起作用 -->
<!--在本目录下放置一张图片-,设置图片的id , 设置图片的属性宽度->
<img src="Koala.jpg" id="mypid" style="width:100px">
</body>
</html>
2 6.js 文件
window.οnlοad=function()
{
//mypid 是html body中的对象的地址,此处自己的理解是: 给对象(图片)添加一些关联,关联的东西是鼠标,鼠标,鼠标的操作(即第一个参数)会影响,第二各参数的显示内容,
document.getElementById("mypid").addEventListener("mouseout",function(){alert("鼠标的事件触发")},false);
}