一、页面刷新示例
为了及时反映站点数据的变化,通常需要页面进行自动刷新;可以将刷新结果指向当前页面,也可以转换到指定页面。重点是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】博主的原创文章,转载请附上原文出处链接及本声明。
今天的文章javascript页面后退前进刷新示例分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/12133.html