js 判断当前页面是否被浏览

推荐 生活 2019-02-21 03:00:16 111

本文收集整理关于js 判断当前页面是否被浏览的相关议题,使用内容导航快速到达。

内容导航:

  • Q1:asp或js 判断当前页面是否关闭
  • Q2:js 能不能判断用户是否在浏览当前页面?
  • Q3:js判断当前页面用什么浏览器打开的方法
  • Q4:js 怎样判断用户是否在浏览当前页面?
  • Q1:asp或js 判断当前页面是否关闭

    js判断页面是否关闭、刷新或跳转的方法:

    12345678window.onbeforeunload=function(){alert("===onbeforeunload===");if(event.clientX>document.body.clientWidth&&event.clientY<0event.altKey){alert("关闭了浏览器");}else{alert("正在刷新页面");}}

    这段代码就是判断触发onbeforeunload事件时,鼠标是否点击了关闭按钮,或者按了ALT+F4来关闭网页,如果是,则认为系统是关闭网页,否则在认为系统是刷新网页。

    Q2:js 能不能判断用户是否在浏览当前页面?

    应该可以,不过每个页面应该有唯一的标识,这样才能区分出来。

    Q3:js判断当前页面用什么浏览器打开的方法

    function myBrowser(){
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var isOpera = userAgent.indexOf("Opera") > -1;
    if (isOpera) {
    return "Opera"
    }; //判断是否Opera浏览器
    if (userAgent.indexOf("Firefox") > -1) {
    return "FF";
    } //判断是否Firefox浏览器
    if (userAgent.indexOf("Chrome") > -1){
    return "Chrome";
    }
    if (userAgent.indexOf("Safari") > -1) {
    return "Safari";
    } //判断是否Safari浏览器
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
    return "IE";
    }; //判断是否IE浏览器
    }
    //以下是调用上面的函数
    var mb = myBrowser();
    if ("IE" == mb) {
    alert("我是 IE");
    }
    if ("FF" == mb) {
    alert("我是 Firefox");
    }
    if ("Chrome" == mb) {
    alert("我是 Chrome");
    }
    if ("Opera" == mb) {
    alert("我是 Opera");
    }
    if ("Safari" == mb) {
    alert("我是 Safari");
    }

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

    可以通过document.hidden属性判断当前页面是否是激活状态。

    兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+

    兼容性写法示例:

    varhiddenProperty=hiddenindocument?hidden:
    webkitHiddenindocument?webkitHidden:
    mozHiddenindocument?mozHidden:
    null;
    varvisibilityChangeEvent=hiddenProperty.replace(/hidden/i,visibilitychange);
    varonVisibilityChange=function(){
    if(!document[hiddenProperty]){
    console.log(页面非激活);
    }else{
    console.log(页面激活)
    }
    }
    document.addEventListener(visibilityChangeEvent,onVisibilityChange);

    相关文章
    判断你喜不喜欢一个人2019-01-15
    怎么判断肾阴虚还是肾阳虚2019-01-15
    开车怎么判断前后位置2019-01-19
    如何提升自己的判断力2019-01-23
    如何判断一个人喜欢你?2019-01-27
    易语言判断和如果真的区别2019-01-29
    如何判断微信好友是否将自己删除2019-01-29
    如何判断电路是短路还是断路2019-01-30
    怎样判断他喜不喜欢你2019-01-31
    如何判断自己是否睡着2019-01-31