Question

当点击一个<a>标签时，页面中的某个<div>层显示，当点击页面中的其他区域是，刚刚显示的<div>隐藏，用JS该

该如何实现？

Answer 1

这个我不能给你代码，告诉你一些关键的地方吧
如果你是想实现遮罩的那种效果，应该讲div的css属性里边的z-index设置的大一些
定位方面也要考虑 父级标签relative，子标签absolute
控制显示隐藏，就用js操作div的display属性，block为显示，none为隐藏，none和hidden的区别就是，将其完全从文档流中移除，不会再占用原来的位置
点击的话，就设置<a>标签的onclick时间，在事件function中修改css
可以通过点击获取坐标（获取方法百度下吧），再验证是否在div外边，是的话就执行将css中的display改为none的function。
希望对你有帮助~

Answer 2

设置a标签的onclick的事件 使得这个div的display属性值为block
当a失去焦点onblur时使得这个div的display属性值为hidden