×

js代码 js

js代码的简介?js 怎样判断用户是否在浏览当前页面

admin admin 发表于2022-05-27 17:53:51 浏览123 评论0

抢沙发发表评论

js代码的简介


JS代码就是JavaScript编写的脚本文件的代码。用单独文件保存,扩展名为.JS
JS即Javascript,Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。


js 怎样判断用户是否在浏览当前页面


这样:

//网页当前状态判断var hidden, state, visibilityChange; if (typeof document.hidden !== 

“undefined“) {

hidden = “hidden“;

visibilityChange = “visibilitychange“;

state = “visibilityState“;} else if (typeof document.mozHidden !== “undefined“) {

hidden = “mozHidden“;

visibilityChange = “mozvisibilitychange“;

state = “mozVisibilityState“;} else if (typeof document.msHidden !== “undefined“) {

hidden = “msHidden“;

visibilityChange = “msvisibilitychange“;

state = “msVisibilityState“;} else if (typeof document.webkitHidden !== “undefined“) {

hidden = “webkitHidden“;

visibilityChange = “webkitvisibilitychange“;

state = “webkitVisibilityState“;}// 添加监听器,在title里显示状态变化

document.addEventListener(visibilityChange, function() {

document.title = document[state];}, false);//初始化页面状态document.title = 

document[state];

扩展资料:

注意事项

浏览器对象有onfocus 和 onblur事件可以监听。但是触发这两个事件的前提是页面之前是focus过的。也就是说页面刚刚渲染完,用户在没有页面上任何操作时,页面是不会正常监听这两个事件的;或者页面在打开状态下,但是触发了onblur之后并无页面操作的情况下也不会正常监听这两个事件。-js代码

直到,用户操作页面触发focus,之后离开页面才会触发blur,再次点击到当前页面时才会触发focus,如此反复都会触发相应的事件。

触发onblur事件的情况:

1、在chrome浏览器下,点击console面板也会触发blur事件,同样的,前提是之前是focus的状态。

2、页面最小化。

3、浏览器切换tab页面。

4、页面中的任何弹窗。

5、focus状态下切换到其他应用。


js如何学习 如何快速入门


j入门还是比较容易的,想要深入的话就需要一点时间,

系统的方法还是根据w3c的入门步骤去学,边学边做,

要经常写才行,当然没有人指导的话会走不少弯路。

你可以找一些视频教程来跟着学习,

也可以向身边的前端工程师朋友请教。

这个是我的博客网页链接里面有入门教程,

是经过我的系统分类了的,当然如果你一点基础都没有的话

还是去w3c网站上看教程