onmouseover 为什么没有实现?

starry槑 发布于 2018/02/12 17:44
阅读 347
收藏 0

代码: 
<script> 
var kkkk=document.getElementById('kkkk'); 
kkkk.onmouseover=function(){ 
alert(11); 

</script> 
</head> 
<style> 
#kkkk{ 
display:block; 
width:200px; 
height:200px; 
background:#000; 


</style> 
<div id="kkkk"></div> 
想要实现鼠标经过 div,会有弹窗效果,但是没有反应,为什么?

加载中
0
sami
sami

enter out

0
starry槑
starry槑

什么意思?

 

0
tcxu
tcxu
<script> 
function a(){ 
alert(11); 
} 
</script>  
<style> 
#kkkk{ 
display:block; 
width:200px; 
height:200px; 
background:#000; 
} 
</style> 
<div id="kkkk" onmouseover="a()"></div> 

 

0
银杏卡卡
银杏卡卡

三楼和四楼的都是正解,因为 你在执行这行代码“var kkkk=document.getElementById('kkkk');” 时,你的html文档可能还没有加载完成,根本无法找到“kkkk”html元素,除了三楼和四楼的方法,你也可以把<script>程序块写在body 之后,再提醒一下,请养成良好的编码习惯,请写上body标签

 

0
tcxu
tcxu

引用来自“没文化不开心”的评论

window.onload

BoXuan 提醒,“可以把<script>程序块写在body 之后,再提醒一下,请养成良好的编码习惯,请写上body标签”。

<style> 
#kkkk{ 
display:block; 
width:200px; 
height:200px; 
background:#000; 
} 
</style> 
<body>
<div id="kkkk"></div>
</body> 
<script> 
window.onload=function(){
var kkkk=document.getElementById('kkkk'); 
kkkk.onmouseover=function(){ 
alert(11); 
	} 
}
</script>

 

0
tcxu
tcxu

再简单一点,也行。

<style> 
#kkkk{ 
display:block; 
width:200px; 
height:200px; 
background:#000; 
} 
</style> 
<div id="kkkk" onMouseOver="alert(11)"></div>

 

返回顶部
顶部