js刷新页面方法大全_javascript技巧

来源:脚本之家  责任编辑:小易  

代码如下:window.onload=function(){alert("onload");}1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数:bForceGet,可选参数,默认为 false,从客户端缓存里取当前页。true,则以 GET 方式,从服务端取最新的页面,相当于客户端点击 F5("刷新")2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。语法:location.replace(URL)通常使用:location.reload()或者是 history.go(0)来做。此方法类似客户端点F5刷新页面,所以页面method="post"时,会出现"网页过期"的提示。因为Session的安全保护机制。当调用 location.reload()方法时,aspx页面此时在服务端内存里已经存在,因此必定是 IsPostback 的。如果有这种应用:需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。这里,location.replace()就可以完成此任务。被replace的页面每次都在服务端重新生成。代码:location.replace(location.href);www.zgxue.com防采集请勿采集本网。

如何实现刷新当前页面呢?借助js你将无所不能。

刷新清缓存,相当于Ctrl+F5:location.reload(true) 普通刷新:location.reload()

1,reload 方法,该方法强迫浏览器刷新当前页面。

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

语法:location.reload([bForceGet])  

div里面放一个iframe然后刷新这个iframe即可。或者ajax

参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

JavaScript location.reload()方法 Location 对象的 reload()方法用于重新加载当前文档(页面),语法如下: location.reload(false|true) 如果要强制刷新当前页面,请将参数设置为 true。

2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。

直接修改返回的那一行的状态就可以了!这里加参数message,你ajax返回内容里加入执行结果和执行id,然后在这个函数里找到操作行,直接修改操作行的内容 success:function(message){ LG.

语法: location.replace(URL)  

通常使用: location.reload() 或者是 history.go(0) 来做。

此方法类似客户端点F5刷新页面,所以页面method="post"时,会出现"网页过期"的提示。

因为Session的安全保护机制。

当调用 location.reload() 方法时, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。

如果有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。

这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

代码: location.replace(location.href);

返回并刷新页面:

location.replace(document.referrer);

document.referrer //前一个页面的URL

不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。

附:

Javascript刷新页面的几种方法:

复制代码 代码如下:

1,history.go(0)

2,location.reload()

3,location=location

4,location.assign(location)

5,document.execCommand('Refresh')

6,window.navigate(location)

7,location.replace(location)

8,document.URL=location.href

自动刷新页面的方法:

1,页面自动刷新:把如下代码加入<head>区域中

复制代码 代码如下:

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入<head>区域中

复制代码 代码如下:

<meta http-equiv="refresh" content="20;url=//www.zgxue.com">

其中20指隔20秒后跳转到//www.zgxue.com页面

3,页面自动刷新js版

复制代码 代码如下:

<script language="JavaScript">

function myrefresh()

{

   window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>

4,JS刷新框架的脚本语句

复制代码 代码如下:

//刷新包含该框架的页面用  

<script language=JavaScript>

   parent.location.reload();

</script>

//子窗口刷新父窗口

<script language=JavaScript>

    self.opener.location.reload();

</script>

( 或 <a href="javascript:opener.location.reload()">刷新</a>   )

//刷新另一个框架的页面用  

<script language=JavaScript>

   parent.另一FrameID.location.reload();

</script>

如果想关闭窗口时刷新或想开窗时刷新,在<body>中调用以下语句即可。

复制代码 代码如下:

<body onload="opener.location.reload()"> 开窗时刷新

<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">

window.opener.document.location.reload()

</script>

一、先来看一个简单的例子:

下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。

frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> frame </TITLE>

</HEAD>

<frameset rows="50%,50%">

<frame name=top src="top.html">

<frame name=bottom src="bottom.html">

</frameset>

</HTML>

现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。

top.html 页面的代码如下:

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> top.html </TITLE>

</HEAD>

<BODY>

<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>

<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>

<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>

<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>

<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>

<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>

<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>

</BODY>

</HTML>

下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> bottom.html </TITLE>

</HEAD>

<BODY onload="alert('我被加载了!')">

<h1>This is the content in bottom.html.</h1>

</BODY>

</HTML>

解释一下:

复制代码 代码如下:

1.window指代的是当前页面,例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

3.frames是window对象,是一个数组。代表着该框架内所有子页面。

4.item是方法。返回数组里面的元素。

5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。

附:

Javascript刷新页面的几种方法:

1 history.go(0)

2 location.reload()

3 location=location

4 location.assign(location)

5 document.execCommand('Refresh')

6 window.navigate(location)

7 location.replace(location)

8 document.URL=location.href

二、自动刷新页面

1.页面自动刷新:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=//www.zgxue.com">

其中20指隔20秒后跳转到//www.zgxue.com页面

3.页面自动刷新js版

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面,刷新父页面)

复制代码 代码如下:

1 PrintWriter out = response.getWriter();

2 out.write("<script type=\"text/javascript\">");

3 ////子窗口刷新父窗口

4 out.write("self.opener.location.reload();");

5 //关闭窗口

6 out.write("window.opener=null;");

7 out.write("window.close();");

8 out.write("</script>");

四、JS刷新框架的脚本语句

1.如何刷新包含该框架的页面用

复制代码 代码如下:

<script language=JavaScript>

parent.location.reload();

</script>

2.子窗口刷新父窗口

复制代码 代码如下:

<script language=JavaScript>

self.opener.location.reload();

</script>

3.如何刷新另一个框架的页面用 (上面的实例以说明了)

复制代码 代码如下:

语句1. window.parent.frames[1].location.reload();

语句2. window.parent.frames.bottom.location.reload();

语句3. window.parent.frames["bottom"].location.reload();

语句4. window.parent.frames.item(1).location.reload();

语句5. window.parent.frames.item('bottom').location.reload();

语句6. window.parent.bottom.location.reload();

语句7. window.parent['bottom'].location.reload();

4.如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

<body onload="opener.location.reload()">

开窗时刷新

<body onUnload="opener.location.reload()">

关闭时刷新

复制代码 代码如下:

<script language="javascript">

window.opener.document.location.reload()

</script>

reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数:bForceGet,可选参数,默认为 false,从客户端缓存里取当前页。true,则以 GET 方式,从服务端取最新的页面,相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。语法:location.replace(URL)在实际应用的时候,重新刷新页面的时候,我们通常使用:location.reload()或者是 history.go(0)来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method="post"的时候,会出现"网页过期"的提示。那是因为Session的安全保护机制。可以想到:当调用 location.reload()方法的时候,aspx页面此时在服务端内存里已经存在,因此必定是 IsPostback 的。如果有这种应用:我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建,我们期望是 Not IsPostback 的。这里,location.replace()就可以完成此任务。被replace的页面每次都在服务端重新生成。你可以这么写:location.replace(location.href);返回并刷新页面:location.replace(document.referrer);document.referrer/前一个页面的URL不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。附:Javascript刷新页面的几种方法:1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href自动刷新页面的方法:1.页面自动刷新:把如下代码加入区域中其中20指每隔20秒刷新一次页面.2.页面自动跳转:把如下代码加入区域中url=http://www.jb51.net">其中20指隔20秒后跳转到http://www.jb51.net页面内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • javascript中的location用法简单介绍
  • javascript 中设置window.location.href跳转无效问题解决办法
  • javascript 打开页面window.location和window.open的区别
  • js获取location.href的参数实例代码
  • js实现页面跳转重定向的几种方式
  • javascript实现强制重定向至https页面
  • js定时刷新页面及跳转页面的方法
  • 刷新页面的几种方法小结(js,asp.net)
  • js 刷新页面的代码小结 推荐
  • js关于刷新页面的相关总结
  • js基于location实现访问url、重定向及刷新页面的方法分析
  • javascript和jquery实现设置和移除文本框默认值效果代码
  • js实现select选择框效果及美化
  • js中判断字符串存在和非空的方法
  • js canvas实现星空连线背景特效
  • javascript基于ajax编辑信息用法实例
  • 用javascript实现读取txt文档的脚本
  • js返回上一页并刷新的多种实现方法
  • js中比switch...case更优雅的多条件判断写法
  • js 显示base64编码的二进制流网页图片
  • javascript进行数组追加方法小结
  • JS刷新当前页面的几种方法总结
  • 如何让html页面实现每次刷新的时候重新执行js
  • js返回上一页并刷新的几种方法
  • 细谈JS刷新页面常用方法有哪些
  • js如何刷新页面
  • 如何使用js实现页面刷新
  • JS页面 如何实现刷新指定DIV?
  • js怎么刷新当前页面?
  • js实现进入页面先刷新在继续进行js的功能
  • 后台使用JS方法刷新当前页面
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptjavascript技巧如需引入外部js需刷新才能执行javascript中的location用法简单介绍javascript 中设置window.location.href跳转无效问题解决办法javascript 打开页面window.location和window.open的区别js获取location.href的参数实例代码js实现页面跳转重定向的几种方式javascript实现强制重定向至https页面js定时刷新页面及跳转页面的方法刷新页面的几种方法小结(js,asp.net)js 刷新页面的代码小结 推荐js关于刷新页面的相关总结js基于location实现访问url、重定向及刷新页面的方法分析javascript和jquery实现设置和移除文本框默认值效果代码js实现select选择框效果及美化js中判断字符串存在和非空的方法js canvas实现星空连线背景特效javascript基于ajax编辑信息用法实例用javascript实现读取txt文档的脚本js返回上一页并刷新的多种实现方法js中比switch...case更优雅的多条件判断写法js 显示base64编码的二进制流网页图片javascript进行数组追加方法小结js刷新页面方法大全js中settimeout()的用法详解js截取字符串常用方法详细整理js页面跳转常用的几种方式js打开新窗口的2种方式js数组与字符串的相互转换方法js设置cookie、读取cookie、删除js 将json字符串转换为json对象的javascript深入理解js闭包js删除数组里的某个元素方法javascript面向对象的实现方法小结js随机生成网页背景颜色的方法通过设置css中的position属性来固定层的位bootstrap datetime picker日历控件简单应discuz表情的js提取方法分析next.js实现react服务器端渲染的方法示例javascript实现构造json数组的方法分析原型方法的不同写法居然会影响调试的解决纯 js 实现放大缩小拖拽功能(完整代码)一个js封装的不错的选项卡效果代码
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved