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