javascript页面后退前进刷新示例

原创
2022/11/03 23:23
阅读数 186

一、页面刷新示例

        为了及时反映站点数据的变化,通常需要页面进行自动刷新;可以将刷新结果指向当前页面,也可以转换到指定页面。重点是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 评论
0 收藏
0
分享
返回顶部
顶部