javascript页面后退前进刷新示例

一、页面刷新示例

        为了及时反映站点数据的变化,通常需要页面进行自动刷新;可以将刷新结果指向当前页面,也可以转换到指定页面。重点是meta元素,其属性“HTTP-EQUIV”设置为“refresh”时,会自动刷新当前页面,此属性包含两个重要的设置:CONTENT和URL,CONTENT表示自动刷新的时间间隔,URL表示刷新后的页面地址。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" HTTP-EQUIV="refresh" CONTENT="3;URL=http://www.baidu.com">
    <title>猿小猴子</title>
</head>
<body>
<table id="mytbl" width="300" height="50" border="0" cellspacing="2" cellpadding="0"
       bgcolor="#FFb609">
    <tr>
        <td> 第一行第一列</td>
        <td> 第一行第二列</td>
    </tr>
    <tr>
        <td> 第二行第一列</td>
        <td> 第二行第二列</td>
    </tr>
</table>
</body>
</html>

        页面自动刷新实例的运行效果如图所示:

二、页面的后退与前进示例


        后退和前进是页面浏览时最常用的操作,系统自带浏览器可以完成这三个功能,在Web应用系统中,有时需要屏蔽浏览器的工具栏,此时需要使用代码实现页面的这三个操作。重点是“history”对象,其用来存储浏览器的历史记录,其参数为正数时,表示前进页面,负数则表示后退页面,如要后退2页则使用“history.go(-2)”。

<script language="javascript">
function back()
{
    history.go(-1);  //后退1页
}
function forward()
{
    history.go(+1);  //前进1页
}
function refresh()
{
    history.go(-0)  //刷新
}
</script>

<input type=button value=后退 onclick="back()">
<input type=button value=刷新 onclick="refresh()">
<input type=button value=前进 onclick="forward()">


        后退、刷新、前进操作按钮的运行界面如图所示:

 

 

 

--------------------------------------

版权声明:本文为【PythonJsGo】博主的原创文章,转载请附上原文出处链接及本声明。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值