`
itace
  • 浏览: 182718 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js页面是否是屏幕显示页面

    博客分类:
  • js
 
阅读更多

 

   转载

 

//--------------------------这个页面是否在当前屏幕显示
		function isShowing(){
			var hiddenProperty = 'hidden' in document ? 'hidden' :    
			    'webkitHidden' in document ? 'webkitHidden' :    
			    'mozHidden' in document ? 'mozHidden' :    
			    null;
			var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
			var onVisibilityChange = function(){
			    if (!document[hiddenProperty]) {    
			        //console.log('在当前页面');
					//document.title = '欢迎回来';			        
			    	});
			    }else{
			       // console.log('不在当前页面')
					//document.title = '你为什么要离开我';
			    }
			}
			document.addEventListener(visibilityChangeEvent, onVisibilityChange);
		}

 

分享到:
评论

相关推荐

    JS 页面载入等待特效 javascript

    ### JS 页面载入等待特效知识点解析 在网页开发过程中,加载动画或提示信息常常被用来提升用户体验,尤其是在页面加载时间较长的情况下。通过合理的加载提示,可以让用户感到网站的专业性和友好性,减少用户的焦虑...

    通过JAVAScript实现页面自适应.doc

    页面自适应的实现原理是通过 JavaScript 获取屏幕的宽高,然后根据屏幕大小调整页面元素的宽高和位置。首先,需要获取屏幕的宽高,可以使用 `document.body.offsetHeight` 和 `document.body.offsetWidth` 获取当前...

    js练习4:制作凡客诚品帮助中心页面.zip

    在本实践项目“js练习4:制作凡客诚品帮助中心页面”中,我们将深入学习JavaScript语言,并结合HTML和CSS来构建一个类似凡客诚品(Vancl)在线购物平台的帮助中心页面。这个项目旨在提升JavaScript编程技能,尤其是...

    购物车 静态页面 含javascript

    6. **表单验证**:虽然静态页面不会涉及服务器端验证,但JavaScript可以在客户端进行简单的输入验证,比如检查数量是否为数字,防止负数或非数字值。 7. **状态持久化**:考虑到用户可能会关闭浏览器,为了保存他们...

    手机页面强制横屏显示 html5 h5页面 强制横屏 可更改竖屏

    在移动设备上,有时我们可能需要特定的网页或者H5页面在用户打开时强制横屏显示,以便提供更好的用户体验或适应特殊的内容展示。这通常涉及到HTML5和CSS3的一些技术来实现。以下是一些关于如何实现手机页面强制横屏...

    js显示倒计时跳转页面

    本文将详细介绍如何利用JavaScript结合JQuery来实现一个简单的网页倒计时,并在倒计时结束后自动跳转到另一个页面。 #### 一、HTML结构定义 首先,我们需要定义一个基本的HTML结构,用于显示倒计时数字: ```html...

    js页面输入查询组件

    在本主题"js页面输入查询组件"中,我们主要讨论的是如何利用JavaScript实现在网页上实时搜索的功能,即用户在输入框中输入文字时,页面能即时展示与输入相匹配的结果。 这种功能在现代Web应用中非常常见,例如搜索...

    手机页面强制竖屏显示 强制竖屏 js css 手机屏幕竖屏

    // 用户处于竖屏,正常显示页面 } }); ``` 在这个事件处理器中,我们可以判断`window.orientation`值,它在横屏时会返回90或-90(取决于设备的前部是向左还是向右)。若用户尝试横屏,你可以添加一个遮罩层,阻止...

    响应式炫酷页面切换js特效代码.zip

    响应式炫酷页面切换js特效代码是一种常见的网页交互设计,它能够为用户提供流畅且吸引人的浏览体验。在当前的Web开发领域,响应式设计已经成为必不可少的一部分,因为这使得网站能够适应不同尺寸的设备,如手机、...

    简单登录注册页面(HTML5、CSS、JS)

    使用CSS可以实现响应式设计,使页面在不同设备和屏幕尺寸上都能良好显示。CSS3还引入了许多新特性,如伪类选择器、过渡效果、动画、阴影、渐变等,这些可能被用于提升页面的交互性和视觉吸引力。 【JavaScript】 ...

    js加载广告 页面加载广告

    JavaScript是一种强大的客户端脚本语言,广泛应用于网页和网络应用中,包括加载和显示广告。在网页设计中,尤其是在门户站点如搜狐这样的大型网站上,利用JavaScript加载广告是常见的做法,因为这种方式可以实现动态...

    js移动端页面生成图片demo(基于html2Canvas.js).zip

    "js移动端页面生成图片demo(基于html2Canvas.js).zip"是一个示例项目,它演示了如何利用html2Canvas.js这个JavaScript库在移动端实现这一功能。下面我们将深入探讨相关知识点。 1. **html2Canvas.js**: 这是一个...

    十款超炫的页面(简单的js做出超炫的页面效果)

    在网页设计领域,JavaScript(简称JS)是一种不可或缺的前端编程语言,它为网页带来了动态交互性和丰富的用户体验。本文将深入探讨如何利用简单的JS和CSS技术,创造出令人瞩目的页面效果。我们将通过分析压缩包中的...

    css+js结合实现文本内容自适应页面大小截取显示

    "css+js结合实现文本内容自适应页面大小截取显示"这个主题主要探讨了如何利用CSS和JavaScript技术来动态调整文本的显示方式,以确保其在不同屏幕尺寸下都能保持整洁且易于阅读。以下将详细介绍这一技术的应用和实现...

    JS仿头条服务器错误页面特效.zip

    在IT行业中,JavaScript(简称JS)是一种广泛应用于前端开发的编程语言,用于为网页添加交互性和动态效果。在这个"JS仿头条服务器错误页面特效.zip"压缩包中,包含了一个实现类似今日头条服务器错误页面的JS特效代码...

    原生 H5 商城静态页面(HTML+ CSS+ JS)

    JavaScript是实现页面动态功能的关键,它允许与用户的实时交互。在H5商城中,JavaScript可以实现以下功能: - 登录注册:验证用户输入,比如邮箱格式检查、密码强度检测,并通过AJAX异步提交数据,实现无刷新页面...

    注册页面验证js

    JavaScript(简称JS)作为客户端脚本语言,常被用于实现注册页面的前端验证,以提供良好的用户体验并减轻服务器压力。本文将深入探讨“注册页面验证js”的相关知识点。 一、前端验证的重要性 前端验证可以即时反馈...

    聊天界面/客服 静态页面HTML+CSS+JS

    - **响应式设计**:通过媒体查询确保页面在不同设备和屏幕尺寸上都能正确显示。 - **浮动和定位**:使用浮动(`float`)和绝对定位(`position: absolute`)来实现元素的相对位置。 3. **JavaScript (JS)** ...

    html5-页面滚动展示效果-js大屏页面特效

    总的来说,"html5-页面滚动展示效果-js大屏页面特效"是一个结合了HTML5语义化标签、JavaScript动态效果和视差滚动设计理念的网页制作技术。它不仅提升了网页的视觉吸引力,还增强了用户的交互体验,是现代网页设计...

    页面载入等待代码(用javascript技术实现)

    页面载入等待代码是网页开发中的一个重要环节,特别是在用户界面设计和用户体验优化方面。JavaScript作为浏览器端的主要脚本语言,提供了丰富的API和方法来处理页面的生命周期,包括控制页面的加载过程。本篇文章将...

Global site tag (gtag.js) - Google Analytics