实现页面的后退、刷新、前进

实现页面的后退、刷新、前进

 

<html>
<head>
    <title>实现页面的后退、刷新、前进</title>
<script language="javascript">
function back()
{
    history.go(-1);  //后退1页
}
function forward()
{
    history.go(+1);  //前进1页
}
function refresh()
{
    history.go(-0)  //刷新
}
</script>
</head>

<body>
<input type=button value=后退 onclick="back()">
<input type=button value=刷新 onclick="refresh()">
<input type=button value=前进 onclick="forward()">
  <br/><p>内容</p>
</body>
</html>

时间: 2024-09-22 13:33:38

实现页面的后退、刷新、前进的相关文章

pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新_AJAX相关

使用Ajax可以异步获取数据,可以更高效地渲染页面. 但也存在这一些问题: 再刷新页面,页面就会变成初始的状态 浏览器的前进后退功能无效 对搜索引擎的爬虫抓取不友好 1. 早前会使用浏览器的 hash锚点 来解决 不同的hash标记着页面不同的部分,能修正页面刷新数据不正确的问题 再通过 onhashchange 事件监听hash锚点的变化,手动进行前进后退操作,浏览器支持度 2. 随后出现一种 hashbang 的技术,即在url后加上标记 #!/myPath 来解决上述的问题 通过一个路径定

pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新

使用Ajax可以异步获取数据,可以更高效地渲染页面. 但也存在这一些问题: 再刷新页面,页面就会变成初始的状态 浏览器的前进后退功能无效 对搜索引擎的爬虫抓取不友好 1. 早前会使用浏览器的 hash锚点 来解决 不同的hash标记着页面不同的部分,能修正页面刷新数据不正确的问题 再通过 onhashchange 事件监听hash锚点的变化,手动进行前进后退操作,浏览器支持度 2. 随后出现一种 hashbang 的技术,即在url后加上标记 #!/myPath 来解决上述的问题 通过一个路径定

通过history解决ajax不支持前进/后退/刷新的问题

前言: 现在前后端基本都是通过ajax实现前后端接口数据的交互,但是,ajax有个小小的劣势,即:不支持浏览器"后退"和"前进"键. 但是,现在我们可以通过H5的histroy属性 解决ajax在交互请求的这个小bug. 事件描述: H5增加了一个事件window.onpopstate,当用户点击那两个按钮就会触 发这个事件.但是光检测到这个事件是不够的,还得能够传些参数,也就是说返回到之前那个页面的时候得知道那个页面的pageIndex.通过 history的pu

jsp页面怎么不刷新更新session

问题描述 jsp页面怎么不刷新更新session 修改过程中因为需要用到session,需要用到修改之后的session.修改完之后刷新页面不会出现问题,修改完之后不刷新页面就会找不到值 解决方案 已解决 抛弃了session 解决方案二: 修改后再将session中需要的值重新手动获取下,赋给页面,应该就不用刷新取值了

javascript-php页面js css刷新才加载,如何解决?

问题描述 php页面js css刷新才加载,如何解决? 这是A页面 <!DOCTYPE html> <html> <head> <title>选择类别</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href=&quo

magento-在用iframe实现页面的局部刷新问题

问题描述 在用iframe实现页面的局部刷新问题 在页面局部刷新的时候,我要实现的功能是通过选择项的不同,能够不刷新左侧的list,只是刷新图片部分.现在将获取图片的部分放在了一个phtml页面中,经过调用,在原来显示图片的位置上显示的不是商品图片,而是将整个网站的页面放在了div里面,求破解之法. 解决方案 最近也用到了ifame标签,确实可以只显示嵌入网页在一部分,具体怎么做还在学习中

asp.net-使用ajax进行数据修改后页面无法正常刷新

问题描述 使用ajax进行数据修改后页面无法正常刷新 我用AJAX对我查询出来的数据进行修改,之后用了window.location.reload();来刷新页面在谷歌没问题在IE却有问题,求各位帮忙看看为什么,求解决方案.我开发的模式用的是asp.net,AJAX请求都是在一般处理程序里面 解决方案 location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页. true, 则以GET 方式,从服务端取最新的页面,

session-iframe刷新页面时不刷新父页面

问题描述 iframe刷新页面时不刷新父页面 session过期之后刷新页面跳转到登陆页面的时候父页面不刷新,父页面里面包含登录的页面 解决方案 一,iframe刷新父页面? iframe页面是内嵌到父页面的,当点击iframe页面的服务器控件时,默认只刷新iframe页面,父页面是不会刷新的.若想刷新父页面,可以使用js来实现,如 ?1. parent.location.reload(); ?这种方法会重新加载整个页面.但如果要在原页面的基础上传递参数,则可以使用下面的方法: ?2......

javascript-登陆后返回之前页面,但之前页面不自动刷新。

问题描述 登陆后返回之前页面,但之前页面不自动刷新. 查看文章要登陆会员,登陆后自动返回之前页面,我写的这个js javascript:history.go(-2) 但是返回后页面不自动刷新,还是要求登陆的样子. 请问写什么js可以实现返回并且刷新页面. 解决方案 把之前输入的值再填进去. 解决方案二: windows.location.href=windows.登陆界面的.href 解决方案三: 打开登录界面时,也把之前的连接传进来,再用windows.location.href=之前页面的连