winney

It is never too old to learn.

0%
winney

页面刷新相关笔记

发表于 更新于 分类于

监听页面刷新事件方法

window.onbeforeunload

1
2
3
4
5
6
// 监听刷新页面事件方法（手动刷新）-监听手动刷新页面事件(按浏览器的刷新按钮||使用js方法刷新页面)
window.onbeforeunload = function(event){
    removeItem("formData");
    // 清空缓存数据
	localStorage.clear();
};

JS 模拟浏览器 F5 自动刷新页面效果

1
2
3
4
5
6
7
8
9
10
11
12
1. window.location.replace(window.location.href);

2. window.location.href = window.location.href;

3. window.document.location.reload();
 
有iframe的使用这个：
4. window.top.document.location.reload();
 
5.window.top.document.location = “url”

6.window.document.location. = “url”

屏蔽Backspace键返回上个页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//屏蔽Backspace键返回上个页面
function banBackSpace(e) {
    var ev = e || window.event;//获取event对象  
    var flag=(ev.keyCode == 8) ? true:false;
    if(flag) {
        return false;
    }
}
window.onload=function(){
     //禁止后退键 作用于Firefox、Opera
     document.onkeypress=banBackSpace;
     //禁止后退键  作用于IE、Chrome
     document.onkeydown=banBackSpace;
 }

阻止浏览器默认行为触发的通用方法

1
2
3
4
5
6
7
8
9
 //阻止浏览器默认行为触发的通用方法 
 function stopDefault(e) {
    if (e && e.preventDefault) {
        e.preventDefault();//防止浏览器默认行为(W3C) 
    } else {
       window.event.returnValue = false;//IE中阻止浏览器行为 
    }
    return false;
}