HTML:页面刷新和局部刷新
2020-06-02 09:30  By  吕进   

整个页面刷新,有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后面要有空格。
 下载文件(暂不支持安卓下载)

参考自:cnblogs
四、Ajax手动版,参考DEMO附件
 下载文件(暂不支持安卓下载)

阅读( 1321 )    html php 页面刷新