form表单提交返回或刷新页面后到原来提交的位置

form表单提交返回或刷新页面后到原来提交的位置,第1张

概述有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面...

有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在Js中用cookie记录下当前滚动条的位置,然后刷新时读取cookie就可以实现这个功能了。

代码如下:<script type="text/JavaScript">

function Trim(strValue)

{

//return strValue.replace(/^s*|s*$/g,"");

return strValue;

}

function setcookie(sname,sValue)

{

document.cookie = sname + "=" + escape(sValue);

}

function Getcookie(sname)

{

var acookie = document.cookie.split(";");

for(vari=0;i< acookie.length;i++)

{

var aCrumb = acookie[i].split("=");

if(sname== Trim(aCrumb[0]))

{

return unescape(aCrumb[1]);

}

}

return null;

}

function scrollback()

{

if(Getcookie("scroll")!=null){document.documentElement.scrolltop=Getcookie("scroll")}

}

</script>然后在HTML页面中设置<body ID="body" onscroll="setcookie(&quot;scroll&quot;,document.documentElement.scrolltop);" onload="scrollback();">就可以在刷新或提交后滚动条的位置保持不变了。

总结

以上是内存溢出为你收集整理的form表单提交返回或刷新页面后到原来提交的位置全部内容,希望文章能够帮你解决form表单提交返回或刷新页面后到原来提交的位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/998197.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存