如何让页面在打开时自动刷新一次让图片全部显示

代码如下:

<script>
function window.onload(){
if(location.href.indexOf('#reloaded')==-1){
location.href=location.href+"#reloaded"
location.reload()
}
}
</script>
<iframe src="/"></iframe>

-----------------------------------------------------------------------------
我的网页的图片较多，而服务器也不是很好，所以每次打开网页后总有一、两幅图片无法显示，但刷新一遍后又全部可显示了。

不想让浏览网页的人每次都点“刷新”按钮，请问如何在网页中加入一些代码，让网页在打开后又自动刷新一次？
---------------------------------------------------------------
把下面代码加在<head> </head>之间
<meta http-equiv=refresh content=5 >
---------------------------------------------------------------
三种方法：
1.<script>


代码如下:

function refreshPage(the_duration)
{
setTimeout("self.location.reload();",the_duration*1000);
}
self.onload=function(){
refreshPage(1);//里面的1代表1秒,未刷新的间隔时间,你可以改成你想要的
};
</script>

2.<body onload='setTimeout("location.reload()",1000)'>
3.<meta http-equiv="refresh" content=几秒>
只刷新一次：
<body onload="location.replace()">
---------------------------------------------------------------
来晚了，楼上兄说的对
---------------------------------------------------------------
楼上这样的方法是每隔5秒钟就要刷新一次，对服务器的压力很大，如果在大量的请求连接以及服务器不是很好的情况下很可能变成服务器的当机。
所以比较好的办法是在用Javascript来实现。在装载完了以后刷新一下，只要用如下的代码：


代码如下:

<SCRIPT LANGUAGE="JavaScript">
<!--
function refresh()
{
history.go(0);
}
setTimeout("refresh()",1000);
//-->
</SCRIPT>

这个是在不管本页面的缓存情况下，向服务器重新请求一次。
setTimeOut 是在1秒钟以后刷新本页面。
把上面的代码放到<head> </head>之间，以1000×n计算n秒以后刷新，替换1000；
试试看吧。

赞 (0)

相关推荐

  • 如何让页面在打开时自动刷新一次让图片全部显示

    复制代码 代码如下: <script> function window.onload(){ if(location.href.indexOf('#reloaded')==-1){ location.href=location.href+"#reloaded" location.reload() } } </script> <iframe src="/"></iframe> -----------------------

  • 基于JQuery实现滚动到页面底端时自动加载更多信息

    关键代码: 复制代码 代码如下: var stop=true; $(window).scroll(function(){     totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());     if($(document).height() <= totalheight){         if(stop==true){             stop=false;           

  • jquery在启动页面时,自动加载数据的实例

    其实,重要的就是这个方法: $(document).ready(function(){ } 具体的在jquery中: 具体的ajax怎么使用,可以查看我的上一篇博客<浅谈ajax在jquery中的请求和servlet中的响应> <script type="text/javascript"> $(document).ready(function(){ var str = ""; var strA = ""; $.ajax({

  • jQuery实现滚动到底部时自动加载更多的方法示例

    本文实例讲述了jQuery实现滚动到底部时自动加载更多的方法.分享给大家供大家参考,具体如下: 这里利用AJAX,实现滚动到底加载数据功能: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/

  • javascript实现页面刷新时自动清空表单并选中的方法

    本文实例讲述了javascript实现页面刷新时自动清空表单并选中的方法.分享给大家供大家参考.具体实现方法如下: <script language="javascript"> window.onload=function() { document.forms[0].reset(); placeFocus(); } function placeFocus() { document.forms[0].elements[0].focus(); // assuming the f

  • 详解Grunt插件之LiveReload实现页面自动刷新（两种方案）

    方案一:grunt-livereload + Chrome Plug-in 优点:安装.配置简单方便. 缺点:需要配合指定的浏览器插件(Firefox也有相关插件,IE么你懂的). 1. 需要安装2个插接件:grunt-contrib-watch.connect-livereload 执行命令: 复制代码 代码如下: npm install --save-dev grunt-contrib-watch connect-livereload 2. 安装浏览器插件:Chrome LiveReload

  • 自动刷新网页,自动刷新当前页面,JS调用

    reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])                                                                                                                           参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面,

  • layui点击按钮页面会自动刷新的解决方案

    问题: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" rel="external no

  • 请求时token过期自动刷新token操作

    1.在开发过程中,我们都会接触到token,token的作用是什么呢?主要的作用就是为了安全,用户登陆时,服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token,证明其请求的合法性,服务器会验证token,只有通过验证才会返回请求结果. 2.当token失效时,现在的网站一般会做两种处理,一种是跳转到登陆页面让用户重新登陆获取新的token,另外一种就是当检测到请求失效时,网站自动去请求新的token,第二种方式在app保持登陆状态上面用得比较多. 3.下面进入主题,我

  • Ajax实现页面自动刷新实例解析

    Ajax实现页面自动刷新实例解析

    Ajax简介: AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重

随机推荐