页面刷新 整个页面刷新和局部刷新 |
您所在的位置：网站首页 › js刷新某个页面内容 › 页面刷新 整个页面刷新和局部刷新 |
|
整个页面刷新 1.页面自动刷新：把如下代码加入＜head>区域中 ＜meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面. 2.页面自动跳转：把如下代码加入＜head>区域中 ＜meta http-equiv="refresh" content="20;url=“#">其中20指隔20秒后跳转到#页面 3.页面自动刷新js版 ＜script language="JavaScript"> function myrefresh(){ window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 ＜/script>jquery如何实现div定时刷新 1 2 3 4 5 6 $(document).ready(function () { 7 8 setInterval("startRequest()",1000); 9 //setInterval这个函数会根据后面定义的1000既每隔1秒执行一次前面那个函数 10 //如果你用局部刷新，要用AJAX技术 11 }); 12 13 function startRequest() 14 { 15 $("#date").text((new Date()).toString()); 16 } 17 18 19ajax局部刷新 ajax局部定时刷新 1 DOCTYPE html> 2 3 4 5 ajax自动局部定时刷新 6 7 8 9 10 $(document).ready(function(){ 11 setInterval("change()",1000) 12 }) 13 function change(){ 14 $.ajax({ 15 url: "demo1.php", 16 cache: false, 17 dataType:"json", 18 success: function(data){ 19 $("#aa").html(data); 20 } 21 }) 22 } 23 24 25 26ajax局部手动刷新 1 DOCTYPE html> 2 3 4 5 ajax手动局部刷新 6 7 8 9 10 function change(){ 11 $.ajax({ 12 url: "demo1.php", 13 cache: false, 14 dataType:"json", 15 success: function(data){ 16 $("#aa").html(data); 17 } 18 }) 19 } 20 21 22 手动刷新按钮 23 24所测试的demo1.php如下： 1
|
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |