HTML:页面刷新和局部刷新

| |
[不指定 2020/06/02 09:30 | by 吕进 ]
120x120
整个页面刷新,有N多种方式,最直接的是点击浏览器上的刷新按钮(手动刷新),这里记录的主要是自动(定时)刷新。
一、直接在<head>区域中添加代码
<meta http-equiv="refresh" content="5">
注意:这里的5,是每5秒刷新一次;相同的代码,如果后面跟有URL地址,则表示5秒以后,自动跳转到新的网址,如
<meta http-equiv="refresh" content="5;url="http://lvjin.job.sh">

二、在页面中添加JS代码:
<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000);
</script>
注意:这里的1000,即1000毫秒(1秒),另 window.location.href = window.location.href;可以代替 window.location.reload()使用;
三、局部更新(须引用jquery-1.11.2.js文件,附件可下载),直接上代码了:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script>
$(function (){
setInterval(function () {
$("#abc").load(location.href + " #abc");
}, 1000);
})
</script>
</head>
<body >
<div id="abc"><?php require_once('djs.php');?></div>
</body>
</html>
注意:href后面要有空格。
 下载文件 (已下载 310 次)

参考自:cnblogs
四、Ajax手动版,参考DEMO附件
 下载文件 (已下载 283 次)

  • 中查看更多 HTML:页面刷新和局部刷新 相关内容
  • 中查看更多 HTML:页面刷新和局部刷新 相关内容
  • 中查看更多 HTML:页面刷新和局部刷新 相关内容
  • 中查看更多 HTML:页面刷新和局部刷新 相关内容
  • Tags: , ,
    互联故事 » 码到功成 | 评论(0) | 引用(0) | 阅读(1877)

    表情
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    打开HTML
    打开UBB
    打开表情
    隐藏
    记住我
    昵称   密码   游客无需密码
    网址   电邮   [注册]