使用JavaScript刷新网页的方法

可以使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。

如果想使用鼠标点击刷新网页，可以用下面的代码：

<a href="javascript:location.reload(true)">Refresh Page</a>

要了解它更好的办法，可以刷新页面
自动刷新：

还可以使用JavaScript后自动给定时间段，以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。

<html>
<head>
<script type="text/JavaScript">
<!--
function AutoRefresh( t ) {
 setTimeout("location.reload(true);", t);
}
//  -->
</script>
</head>
<body onload="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>

这里的 setTimeout()是一个内置的JavaScript函数，可用于给定的时间间隔之后执行另一个函数。

赞 (0)

相关推荐

  • 关于JavaScript跨域问题及实时刷新解决方案

    在自己页面显示其他网站上面的数据,需要用Ajax,就涉及到跨域问题, 解决方案:jQuery.support.cors = true; (浏览器支持跨域访问), 实例: 复制代码 代码如下: //浏览器支持跨域访问 jQuery.support.cors = true; $.ajax({ url: "http://www.rj99999.com/Price/ListPrice.html", dataType: 'html', success: function (data, textS

  • javascript间隔刷新的简单实例

    复制代码 代码如下: <script language="JavaScript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',5000); //指定5秒刷新一次,5000处可自定义设置,1000为1秒 </script>

  • JavaScript中判断页面关闭、页面刷新的实现代码

    今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新 虽然没有直接的方法,但通过一定的技巧也能做到 不得不感叹JavaScript的强大!! 请看一下代码: 复制代码 代码如下: window.onunload = function(){               var a_n = window.event.screenX - window.screenLeft;               var a_b = a_n > document.documentElement.scr

  • JavaScript常用的返回，自动跳转，刷新，关闭语句汇总

    本文实例讲述了JavaScript常用的返回,自动跳转,刷新,关闭语句.分享给大家供大家参考.具体如下: 1. Javascript 返回上一页: 复制代码 代码如下: history.go(-1) 返回两个页面: 复制代码 代码如下: history.go(-2) 2. 后退: 复制代码 代码如下: history.back() 3. 返回下一页: 复制代码 代码如下: window.history.forward() 4. 返回第几页,也可以使用访问过的URL: 复制代码 代码如下: win

  • javascript时间自动刷新实现原理与步骤

    javascript时间自动刷新实现原理与步骤

    项目结构: 运行效果: ========================================================= 代码部分: ========================================================= /Clock/WebContent/index.jsp 复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8&q

  • 框架页面高度自动刷新的Javascript脚本

    实现原理:加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码 代码优点:只需要设置index.html框架页面中的脚本,调用加载的子页面中不需要设置任何代码. index.htm代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo

  • 返回上一页并自动刷新的JavaScript代码

    用JavaScript一般的使用history.go(-1)和history.back()等 但返回的是页面还是缓存中的数据,更新的数据不能马上呈现出来 这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面 复制代码 代码如下: location.href = document.referrer;//重新载入上一页

  • 纯javascript实现简单下拉刷新功能

    代码很简单,实现的功能却很实用,直接奉上代码 CSS: 复制代码 代码如下: <meta charset="utf-8" /> <title>Pull to Refresh</title> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-sca

  • javascript刷新父页面的各种方法汇总

    用iframe.弹出子页面刷新父页面iframe <script language=JavaScript> parent.location.reload(); </script> 弹出子页面 <script language=JavaScript> window.opener.location.reload(); </script> 子窗口刷新父窗口 <script language=JavaScript> self.opener.locatio

  • Javascript刷新窗口方法小结

    本文实例总结了Javascript刷新窗口方法.分享给大家供大家参考,具体如下: 1.javascript 刷新父窗口 <script> function reflushParent(){ window.opener.location.reload(); } </script> 2.javascript 刷新本窗口 <script> function reflushMe(){ javascript:location.reload(); } </script>

随机推荐