javascript页面后退前进刷新示例

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

一、页面刷新示例

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

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

javascript页面后退前进刷新示例

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

        后退和前进是页面浏览时最常用的操作,系统自带浏览器可以完成这三个功能,在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()">

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

javascript页面后退前进刷新示例

 

 

 

————————————–

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

今天的文章javascript页面后退前进刷新示例分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/12133.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注