本文目录
- js 怎样判断用户是否在浏览当前页面
- javascript 判断用户有没有操作页面
- jQuery或者js怎么判断在页面切换的时候改变页面的title
- 关于网页计时暂停
- visibilitychange为什么oppo没效果
- 用什么软件来执行html5的函数代码
- 如何使用signalr实现离线聊天
- 明天要在线电脑考试，不能切换屏幕，有没有不切屏查资料的办法
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之后并无页面操作的情况下也不会正常监听这两个事件。
直到，用户操作页面触发focus，之后离开页面才会触发blur，再次点击到当前页面时才会触发focus，如此反复都会触发相应的事件。
触发onblur事件的情况：
1、在chrome浏览器下，点击console面板也会触发blur事件，同样的，前提是之前是focus的状态。
2、页面最小化。
3、浏览器切换tab页面。
4、页面中的任何弹窗。
5、focus状态下切换到其他应用。
javascript 判断用户有没有操作页面
可以通过document.hidden属性判断当前页面是否是激活状态。兼容性：IE10+，Firefox10+,Chrome14+,Opera12.1+,Safari7.1+兼容性写法示例：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(’页面非激活’); }else{ console.log(’页面激活’) }}document.addEventListener(visibilityChangeEvent, onVisibilityChange);
jQuery或者js怎么判断在页面切换的时候改变页面的title
下面的代码可以达到你想要的效果，jquery与js都有涉及：$().ready(function() { var b, c, a = document.title; “undefined“ != typeof document.hidden ? (b = “hidden“, c = “visibilitychange“) : “undefined“ != typeof document.mozHidden ? (b = “mozHidden“, c = “mozvisibilitychange“) :“undefined“ != typeof document.webkitHidden && (b = “webkitHidden“, c = “webkitvisibilitychange“), (“undefined“ != typeof document.addEventListener || “undefined“ != typeof document[b]) && document.addEventListener(c, d, !1); function d() { document.title = document[b] ? “你想要的title。。“ : a } });
关于网页计时暂停
如果我答得好请给我一点分在html5中document新增了一个事件 visibilitychange,这个事件在页面前台或后台切换时被触发，你所说的问题就简单了，它也有个对应的属性visibilityState,用于检测当前页面的状态值为hidden还是visible。解法是，在hidden时记录当前时间，在visible时用当前时间减去之前记录的时间就为当前倒计时需要减去的时间，这也就不需要和后台沟通了，或者你直接在visible时刷新页面也行，下面是小样，你测试一下1234567891011121314151617181920212223242526272829303132333435363738394041424344var b=getTime(); function getTime() { return Date.now(); } document.addEventListener(’webkitvisibilitychange’,function() { if(document.webkitVisibilityState==’hidden’) { b=getTime(); }else { document.body.appendChild(document.createTextNode(’间隔:’+(getTime()-b))) } }) document.addEventListener(’mozvisibilitychange’,function() { if(document.mozVisibilityState==’hidden’) { b=getTime(); }else { document.body.appendChild(document.createTextNode(’间隔:’+(getTime()-b))) } })
visibilitychange为什么oppo没效果
如果你没有在 CSS 中初始化 visibility，那么 style.visibility 得到的值将会是“空”(an empty string)。你应该使用 getComputedStyle，这是 Javascript 在计算后得到的值，也就是元素真实的 visibility 值。所以if(getComputedStyle(document.getElementById(“h1“)).visibility == “visible“) document.getElementById(“h1“).style.visibility = “hidden“;else document.getElementById(“h1“).style.visibility = “visible“;就对了
用什么软件来执行html5的函数代码
1. 全屏API（Fullscreen API）该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序。复制代码代码如下:// 找到适合浏览器的全屏方法function launchFullScreen(element) {if(element.requestFullScreen) {element.requestFullScreen();} else if(element.mozRequestFullScreen) {element.mozRequestFullScreen();} else if(element.webkitRequestFullScreen) {element.webkitRequestFullScreen();}}// 启动全屏模式launchFullScreen(document.documentElement); // the whole pagelaunchFullScreen(document.getElementById(“videoElement“)); // any individual element2. 页面可见性API（Page Visibility API）该API可以用来检测页面对于用户的可见性，即返回用户当前浏览的页面或标签的状态变化。复制代码代码如下:// 设置隐藏属性和可见改变事件的名称，属性需要加浏览器前缀// since some browsers only offer vendor-prefixed supportvar 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“;}// 添加一个标题改变的监听器document.addEventListener(visibilityChange, function(e) {// 开始或停止状态处理}, false);3. getUserMedia API该API允许Web应用程序访问摄像头和麦克风，而无需使用插件。复制代码代码如下:// 设置事件监听器window.addEventListener(“DOMContentLoaded“, function() {// 获取元素var canvas = document.getElementById(“canvas“),context = canvas.getContext(“2d“),video = document.getElementById(“video“),videoObj = { “video“: true },errBack = function(error) {console.log(“Video capture error: “, error.code);};// 设置video监听器if(navigator.getUserMedia) { // Standardnavigator.getUserMedia(videoObj, function(stream) {video.src = stream;video.play();}, errBack);} else if(navigator.webkitGetUserMedia) { // WebKit-prefixednavigator.webkitGetUserMedia(videoObj, function(stream){video.src = window.webkitURL.createObjectURL(stream);video.play();}, errBack);}}, false);4. 电池API（Battery API）这是一个针对移动设备应用程序的API，主要用于检测设备电池信息。复制代码代码如下:var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery;// 电池属性console.warn(“Battery charging: “, battery.charging); // trueconsole.warn(“Battery level: “, battery.level); // 0.58console.warn(“Battery discharging time: “, battery.dischargingTime);// 添加事件监听器battery.addEventListener(“chargingchange“, function(e) {console.warn(“Battery charge change: “, battery.charging);}, false);5. Link Prefetching预加载网页内容，为浏览者提供一个平滑的浏览体验。
如何使用signalr实现离线聊天
SignalR内部有两类对象：Http持久连接(Persisten Connection)对象：用来解决长时间连接的功能。还可以由客户端主动向服务器要求数据，而服务器端不需要实现太多细节，只需要处理PersistentConnection 内所提供的五个事件：OnConnected, OnReconnected, OnReceived, one rror 和 OnDisconnect 即可。Hub（集线器）对象：用来解决实时(realtime)信息交换的功能，服务端可以利用URL来注册一个或多个Hub，只要连接到这个Hub，就能与所有的客户端共享发送到服务器上的信息，同时服务端可以调用客户端的脚本。SignalR将整个信息的交换封装起来，客户端和服务器都是使用JSON来沟通的，在服务端声明的所有Hub信息，都会生成JavaScript输出到客户端，.NET则依赖Proxy来生成代理对象，而Proxy的内部则是将JSON转换成对象。消息提醒也就是当客户有新消息来时，在客户端的右下角进行弹框提醒。要实现这个功能的思路是：SignalR服务端推送消息到客户端的实现方式为调用客户端的receiveMessage方法来将消息附加到聊天记录内，所以我们可以在客户端的receiveMessage方法中实现弹框的逻辑。找好了方法定义的位置后，自然是去找一个比较好的弹框效果JS类库了，这里使用的是iNotify库来实现的。该库的github地址为：，在线测试地址为：你看QQ或者微信的消息提醒，消息提醒一般是在你不在聊天的当前Tab页面才会弹出，我们可以利用Html5 visibilitychange事件来实现，不过我这里是通过失焦点的方式，也就是focus事件。
明天要在线电脑考试，不能切换屏幕，有没有不切屏查资料的办法
1、电脑不切屏查资料可以通过安装虚拟机来实现。打开VMware Workstation，选择创建新的虚拟机。
2、打开新建虚拟机向导，勾选典型模式，点击下一步。
3、勾选安装来源下的安装程序光盘映像文件，找到官方镜像文件（.iso)，点击下一步。
4、设置虚拟机名称和安装位置，点击下一步。
5、配置磁盘大小（推荐100G），勾选将虚拟磁盘拆分为多个文件，点击下一步。
6、完成虚拟机相关硬件设置，点击完成，就可以在虚拟机内进行考试，在虚拟机外查资料。