如何区分Javascript中的第一个页面加载和连续页面刷新事件?

如何区分Javascript中的第一个页面加载和连续页面刷新事件?,javascript,jquery,html,node.js,Javascript,Jquery,Html,Node.js,嗨,我需要区分两个事件 当页面第一次加载时,我想在标题中设置一些值,比如“欢迎” 稍后,如果加载后用户刷新窗口,我希望我的Javascript将其检测为页面刷新事件,而不是错误地将其视为页面加载,并在标题中设置一些其他值,例如“您刚刚刷新了页面” 您能帮助实现这一点吗?如果您不必支持旧浏览器,我建议使用localStorage: if (localStorage.getItem("visit") == null) { // Show Welcome message $('body

嗨,我需要区分两个事件

  • 当页面第一次加载时,我想在标题中设置一些值,比如“欢迎”

  • 稍后,如果加载后用户刷新窗口,我希望我的Javascript将其检测为页面刷新事件,而不是错误地将其视为页面加载,并在标题中设置一些其他值,例如“您刚刚刷新了页面”


  • 您能帮助实现这一点吗?

    如果您不必支持旧浏览器,我建议使用
    localStorage

    if (localStorage.getItem("visit") == null)
    {
        // Show Welcome message
        $('body').append("<h1>Welcome, guest!</h1>");
    }
    
    localStorage.setItem("visit", new Date());
    // Here you can check if last visit date is longer than a day and clear it up, showing Welcome message again...
    
    if(localStorage.getItem(“访问”)==null)
    {
    //显示欢迎信息
    $('body')。追加(“欢迎光临,来宾!”);
    }
    setItem(“访问”,新日期());
    //在这里,您可以检查上次访问日期是否超过一天,并将其清除,再次显示欢迎消息。。。
    


    如果您不必支持旧浏览器,我建议使用
    localStorage

    if (localStorage.getItem("visit") == null)
    {
        // Show Welcome message
        $('body').append("<h1>Welcome, guest!</h1>");
    }
    
    localStorage.setItem("visit", new Date());
    // Here you can check if last visit date is longer than a day and clear it up, showing Welcome message again...
    
    if(localStorage.getItem(“访问”)==null)
    {
    //显示欢迎信息
    $('body')。追加(“欢迎光临,来宾!”);
    }
    setItem(“访问”,新日期());
    //在这里,您可以检查上次访问日期是否超过一天,并将其清除,再次显示欢迎消息。。。
    


    如果您不必支持旧浏览器,我建议使用
    localStorage

    if (localStorage.getItem("visit") == null)
    {
        // Show Welcome message
        $('body').append("<h1>Welcome, guest!</h1>");
    }
    
    localStorage.setItem("visit", new Date());
    // Here you can check if last visit date is longer than a day and clear it up, showing Welcome message again...
    
    if(localStorage.getItem(“访问”)==null)
    {
    //显示欢迎信息
    $('body')。追加(“欢迎光临,来宾!”);
    }
    setItem(“访问”,新日期());
    //在这里,您可以检查上次访问日期是否超过一天,并将其清除,再次显示欢迎消息。。。
    


    如果您不必支持旧浏览器,我建议使用
    localStorage

    if (localStorage.getItem("visit") == null)
    {
        // Show Welcome message
        $('body').append("<h1>Welcome, guest!</h1>");
    }
    
    localStorage.setItem("visit", new Date());
    // Here you can check if last visit date is longer than a day and clear it up, showing Welcome message again...
    
    if(localStorage.getItem(“访问”)==null)
    {
    //显示欢迎信息
    $('body')。追加(“欢迎光临,来宾!”);
    }
    setItem(“访问”,新日期());
    //在这里,您可以检查上次访问日期是否超过一天,并将其清除,再次显示欢迎消息。。。
    

    如前所述,您可以使用cookies。刷新页面时,此函数将检查cookie是否存在。 如果没有,函数将设置cookie。 如果cookie确实存在,那么函数将发出警报“yourefreshed!”

    在你的身体标签上,写上:

    <body onload="checkFirstVisit()">
    
    
    
    编辑:要确保如果用户离开页面,然后在不关闭和打开浏览器的情况下重新进入页面,您可以使用一些onunload事件来清除cookie。

    如前所述,您可以使用cookie。刷新页面时,此函数将检查cookie是否存在。 如果没有,函数将设置cookie。 如果cookie确实存在,那么函数将发出警报“yourefreshed!”

    在你的身体标签上,写上:

    <body onload="checkFirstVisit()">
    
    
    
    编辑:要确保如果用户离开页面,然后在不关闭和打开浏览器的情况下重新进入页面,您可以使用一些onunload事件来清除cookie。

    如前所述,您可以使用cookie。刷新页面时,此函数将检查cookie是否存在。 如果没有,函数将设置cookie。 如果cookie确实存在,那么函数将发出警报“yourefreshed!”

    在你的身体标签上,写上:

    <body onload="checkFirstVisit()">
    
    
    
    编辑:要确保如果用户离开页面,然后在不关闭和打开浏览器的情况下重新进入页面,您可以使用一些onunload事件来清除cookie。

    如前所述,您可以使用cookie。刷新页面时,此函数将检查cookie是否存在。 如果没有,函数将设置cookie。 如果cookie确实存在,那么函数将发出警报“yourefreshed!”

    在你的身体标签上,写上:

    <body onload="checkFirstVisit()">
    
    
    


    编辑:要确保如果用户离开页面,然后在不关闭和打开浏览器的情况下重新进入页面,您可以使用一些onunload事件清除cookie。

    设置cookie,请使用session@Roman:你有Cookie的相关示例吗?你可以使用Cookie,或者localStorage-@DrLivingston他并没有要求一个cookie解决方案,这当然不是这里唯一的解决方案。这很公平。Patrick指向的帖子更相关。设置cookie,使用session@Roman:你有Cookie的相关示例吗?你可以使用Cookie或localStorage-@DrLivingston他没有要求Cookie解决方案,当然这不是这里唯一的解决方案。这很公平。Patrick指向的帖子更相关。设置cookie,使用session@Roman:你有Cookie的相关示例吗?你可以使用Cookie或localStorage-@DrLivingston他没有要求Cookie解决方案,当然这不是这里唯一的解决方案。这很公平。Patrick指向的帖子更相关。设置cookie,使用session@Roman:你有Cookie的相关示例吗?你可以使用Cookie或localStorage-@DrLivingston他没有要求Cookie解决方案,当然这不是这里唯一的解决方案。这很公平。帕特里克所指的帖子更相关。