4. 编码题：页面上有一个a连接和一个div盒子，盒子刚开始是隐藏的，鼠标移入连接时，让盒子显示出来，移出连接时，让盒子隐藏。特殊要求：请使用W3C标准方法注册事件（考点：移入事件、移出事件、样式操作、addEventListener） （难度系数：☆☆☆）

可以使用以下代码实现：

HTML代码：

<a href="#" id="link">链接</a>
<div id="box" style="display:none;">盒子</div>

JavaScript代码：

var link = document.getElementById("link");
var box = document.getElementById("box");

link.addEventListener("mouseover", function() {
box.style.display = "block";
});

link.addEventListener("mouseout", function() {
box.style.display = "none";
});

在这个代码中，我们使用了addEventListener方法来注册事件，当鼠标移入链接时，盒子的display属性被设置为"block"，从而显示出来；当鼠标移出链接时，盒子的display属性被设置为"none"，从而隐藏起来。