当前窗口获得焦点js事件，html5发布之前我们使用window.onfocus和window.onblur来获得窗口焦点和失去窗口焦点123456789//当前窗口得到焦点 window.onfocus = function() { //播放动画或视频 }; //当前窗口失去焦点 window.onblur = function() { //暂停动画或视频 };这个方法可以实现切换标签暂停动画视频，但是会带来一个问题，由于是判断焦点，如果是在当前页面上铺上一个小窗口，那当前页面就暂停了动画，
在css中visibility属性规定元素是否可见，其中visible为元素可见，hidden为元素不可见，所有主流浏览器都支持visibility属性，但是，任何的版本的Internet Explorer【包括 IE8】都不支持。CSS visibility 属性规定元素是否可见。visible 元素可见。hidden 元素不可见。collapse 在表格元素中使用时，此值可删除一行或一列，但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"
【display:none】与【visibility:hidden】的区别是：1、前者不为被隐藏的对象保留其物理空间，后者为被隐藏的对象保留其物理空间；2、前者值变成block的时候结构才会被加载进来，后者加载页面的同时就已经把它加载进来。display:none 不为被隐藏的对象保留其物理空间 visibility：hidden 为被隐藏的对象保留其物理空间也就是display:;当他的值变成block 的时候，它所在的结构才会被加载进来。而visibility就会在加载页面的同时就已经把它加载进来了，
这次给大家带来如何通过display或visibility来实现HTML元素的显示与隐藏，通过display或visibility来实现HTML元素的显示与隐藏的注意事项有哪些，下面就是实战案例，一起来看一下。有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下： 123456789101112131415161718192021222324252627
这篇文章主要介绍了关于通过display或visibility来实现HTML元素的显示与隐藏，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现，感兴趣的朋友可以了解下本文有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下： 复制代
在学习前端过程中，很多学员都会把visibility和display混为一谈，其实在高手看来，visibility和display的差别还是很大的，那么，什么是visibility和display属性？visibility和display的区别有哪些？ 一：什么是visibility和display属性1.visibility是用来设置元素是隐藏的还是显示的，visible就表示显示，而hidden就表示隐藏，当我们把visibility属性设置成hidden，表示该元素是隐藏的，但是隐藏的位置还是保留的