前端面试题（二）

接上一篇前端面试题

5.问:display:none与visibility:hidden有什么区别？ 首先，这两个都是隐藏元素的方法，区别存在于元素是否还会占据原来的位置。 display:none生效时，元素不占据原位置，由后面的元素接上。 而visibility:hidden还会占据原来的位置，只是不可见了。

附上两个自己想到的小问题 5.1问:被设置为visibility:hidden的元素被绑定click事件的元素能够被点击吗？ 不能被点击 5.2问:display:none的元素是否会被网页加载呢？ 会。根据我的理解，结合我查到的资料，结构与样式分离，应该是html代码会把该元素加载进来，而根据CSS渲染出来，所以该元素会加载进来。