Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下:
location.reload( false|true )
说明(实战帮有javascript课程与实训项目哦,可以一试)
如果该方法参数为 false 或者省略参数,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,location.reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。
如果要强制刷新当前页面,请将参数设置为 true。
网页中用户的表单填写到一半,或者ajax请求发送期间,如果用户刷新浏览器可能会导致数据保存失败。需要阻止页面刷新,这时可以通过监听页面window.onbeforeunload事件函数来处理。
window.onbeforeunload = function(e) {
var dialogText = 'Dialog text here'
e.returnValue = dialogText
return dialogText
}
不过chrome不支持自定义显示文字,固定为
“要重新加载该网站吗?
系统可能不会保存您所做的修改”
而firefox和safari就会正常使用return value里面的文字
参考:
-- https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#Browser_compatibility