<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>月亮跟随鼠标事件</title>
</head>
<body>
<div id="moon" style="width:70px;height:70px;border-radius: 50%;box-shadow:15px 15px 0 0 lightyellow;position: absolute"></div>
<script type="text/javascript" async="true">
//月亮部分
var d=document.getElementById("moon")
document.onmousemove=function(e){
var x=e.clientX
var y=e.clientY
console.log(x,y)
d.style.left=x+'px'
d.style.top=y+'px'
}
</script>
</body>
</html>
他说在控制台白色背景下看不到淡黄色的月亮,我说要晚上才能看见哦。这就是那个隐喻:如果摧毁黑夜,星星也会因此消失。
<script>标签必须加上 async=“true”,月亮才会跟着我。表示异步加载数据,即AJAX运行时其他代码也可运行。
同步的意思:当JS代码加载到当前AJAX的时候,会把页面里所有的代码停止加载,页面假死。等AJAX执行完才解除假死。