刷新页面时，位置不变代码,ASP代码库,德仔网

代码语言

代码分类

【ASP】刷新页面时，位置不变

作者: / 发布于2014/1/17/ 1280

1、兼容ie、火狐、谷歌：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
aaaaaaaaaaaaaaaaaaaaaaaaa<button onclick="window.location.reload()">21312</button>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

</body>
<script type="text/javascript">

window.onload=function(){

 var n=window.name;
 if(isNaN(n)){
 return;
 }

 document.documentElement.scrollTop=n;
}
window.onscroll=function(){
 //window.name=document.documentElement.scrollTop; //只兼容ie 和 火狐
 window.name=document.documentElement.scrollTop+document.body.scrollTop; //兼容ie 和 火狐 和 谷歌浏览器
}

</script>
</html>









2、不兼容火狐

 //js控制页面刷新时，滚动条位置不变
 function window.onload()
 {
 try {
 var arr;
 if(arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/))
 document.documentElement.scrollTop=parseInt(arr[1]);
 document.body.scrollTop=parseInt(arr[1]);
 }
 catch(err) {}
 }

 //页面刷新前保存滚动条位置信息到cookie
 function window.onbeforeunload(){
 var scrollPos;
 if (typeof window.pageYOffset != 'undefined') {
 scrollPos = window.pageYOffset;
 }
 else if (typeof document.compatMode != 'undefined' &&
 document.compatMode != 'BackCompat') {
 scrollPos = document.documentElement.scrollTop;
 }
 else if (typeof document.body != 'undefined') {
 scrollPos = document.body.scrollTop;
 }
 document.cookie="scrollTop="+scrollPos;
 }
 //js控制页面刷新时，滚动条位置不变

试试其它关键字

　刷新页面位置不变　

同语言下

可能有用的

贡献的其它代码Label