GVKun编程网logo

js刷新页面location.reload()用法（js 刷新页面）

25

对于想了解js刷新页面location.reload()用法的读者，本文将提供新的信息，我们将详细介绍js刷新页面，并且为您提供关于a链接刷新页面与js刷新页面用法、a链接刷新页面与js刷新页面用法介

对于想了解js刷新页面location.reload()用法的读者，本文将提供新的信息，我们将详细介绍js 刷新页面，并且为您提供关于a链接刷新页面与js刷新页面用法、a链接刷新页面与js刷新页面用法介绍、DOM-window下的常用子对象-location-刷新页面、failure load of Component-preload.js will NOT prevent application loading的有价值信息。

本文目录一览：

js刷新页面location.reload()用法（js 刷新页面）

js刷新页面location.reload()用法（js 刷新页面）

 

转：

js刷新页面location.reload()用法

2018年05月10日 10:23:28 大灰狼的小绵羊哥哥 阅读数 31359更多
分类专栏： 【前端面试点滴知识 】
 
本文介绍了js刷新页面函数location.reload()的用法，有关js location.reload()函数的例子，有需要的朋友参考下。

在javascript编程中，多使用location.reload实现页面刷新。

例子：
 

复制代码代码示例:
window.location.href=window.location.href; 
window.location.reload; 
 

经测试,这两句在某些情况下可以代替location.reload(true);
而不会出现重试对话框达到刷新的效果

在js中实现刷新页面的方法有很多种，在js中有一个location.reload()函数，它就可以实现我们想要的功能。 
window.location.reload(true) //浏览器重新从服务器请求资源,在http请求头中不会包含缓存标记。

例1，刷新当前页面
 

复制代码代码示例:
<script> 
window.location.reload(); 
</script>

例2，JS实现刷新iframe的方法 
用iframe的name属性定位 
 

复制代码代码示例:
<input type="button" name="Button" value="Button" οnclick="document.frames(''ifrmname'').location.reload()"> 
或 
<input type="button" name="Button" value="Button" οnclick="document.all.ifrmname.document.location.reload()">

例3，首先，定义一个iframe 
 

复制代码代码示例:
<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>

aa.htm页面的内容: 
 

复制代码代码示例:
<input type ="button" value ="刷新" onclick ="aa()"/> 
function aa() { （ jquery中文网 www.jquerycn.cn 编辑整理）
//parent.location.replace(parent.location.href);//服务器端重新创建页面 
parent.document.location.reload();//相当于F5 
//window.location.href(parent.location.href);//iframe内容重定向 
}

注意：
window.location.reload;
刷新时如果提交数据的动作，则会出现对话框！

解决办法：
 

复制代码代码示例:
window.location.href=window.location.href; 
window.location.reload;

刷新父窗口：
 

复制代码代码示例:
window.opener.location.href=window.opener.location.href; 
window.opener.location.reload(); 
 

这种写法不会显示对话框。


 

 

原文地址：http://www.jquerycn.cn/a_11620

a链接刷新页面与js刷新页面用法

a链接刷新页面与js刷新页面用法

刷新页面通常是使用a链接与js刷新，至于两者在使用中的区别，在接下来的文章中有详细的介绍，感兴趣的朋友可以了解下

1、a链接的使用操作：

复制代码

代码如下:

<a href="javascript:history.go(-1);">返回上一页</a> 
<a href="#top">刷新当前页</a>
登录后复制

#top的效果在我这没起作用，我直接写的刷新当前页倒是起作用了。

2.、JS怎么刷新当前页面

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=location
4 location.assign(location)
5 document.execCommand(''Refresh'')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

自动刷新页面的方法:
1.页面自动刷新：把如下代码加入区域中

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

2.页面自动跳转：把如下代码加入区域中

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

3.页面自动刷新js版

复制代码

代码如下:

<script language="JavaScript"> 
function myrefresh() 
{ 
window.location.reload(); 
} 
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次 
</script>
登录后复制

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 onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script>
登录后复制

以上就是a链接刷新页面与js刷新页面用法的详细内容，更多请关注php中文网其它相关文章！

a链接刷新页面与js刷新页面用法介绍

a链接刷新页面与js刷新页面用法介绍

刷新页面通常是使用a链接与js刷新，至于两者在使用中的区别，在接下来的文章中有详细的介绍，希望能帮助到大家。

1.a链接的使用操作：

  1. <a href="javascript:history.go(-1);">返回上一页</a>   
<a href="#top">刷新当前页</a>
    登录后复制


#top的效果在我这没起作用，我直接写的刷新当前页倒是起作用了

2.、JS怎么刷新当前页面

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);
返回并刷新页面： 

  1. 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.页面自动刷新：把如下代码加入区域中

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

2.页面自动跳转：把如下代码加入区域中

其中20指隔20秒后跳转到http://www.wyxg.com页面
3.页面自动刷新js版 

  1. <script language="JavaScript">   
function myrefresh()   
{   
window.location.reload();   
}   
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次   
</script>
    登录后复制

JS刷新框架的脚本语句

  1. //如何刷新包含该框架的页面用   
<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>
    登录后复制


如果想关闭窗口时刷新或者想开窗时刷新的话，在中调用以下语句即可。

  1. <body onload="opener.location.reload()"> 开窗时刷新   
<body onUnload="opener.location.reload()"> 关闭时刷新   
<script language="javascript">   
window.opener.document.location.reload()   
</script>
    登录后复制

相关推荐：

PHP如何进行数据库操作以及防止页面超时和自动刷新页面讲解

Javascript刷新页面方法及location.reload()用法介绍

Javascript中刷新页面的示例详解

以上就是a链接刷新页面与js刷新页面用法介绍的详细内容，更多请关注php中文网其它相关文章！

DOM-window下的常用子对象-location-刷新页面

DOM-window下的常用子对象-location-刷新页面

1.刷新当前页面：(通过给location.href赋值的方式)

window.location.href=""

eg:window.location.href="http://www.baidu.com"

 

2.重新加载文档：(location.reload()方法)

1）window.location.reload()及window.location.reload(false)

     浏览器会先判断服务器端的文件是否发生改变。

     若改变：就会从服务器端响应数据给客户端来重新加载；

     若未改变：就会直接从客户端的缓存中加载文档。

2）window.location.reload(true)

     会直接从服务器端响应数据给客户端

 

3.使用新文档替换旧文档

  window.location.replace()

eg:window.location.replace("http://www.baidu.com")

该方法的替换是：指定URL替换当前缓存在历史记录中（客户端）的项目。所以，在使用该方法后，不能通过点击“前进”“后退”按钮来访问已经被替换的URL。

在实际应用中，在刷新页面的时候，我们通常使用location.reload()或者history.go(0)方法来实现。

 

4.加载新文档(location.assign()方法通过加载URL指定新的文档来实现页面跳转)

window.location.assign()

eg:window.location.assign("http://www.baidu.com")

 

assign()与replace()方法的区别：assign():可以点击“后退”按钮返回上一个页面

assign()与href属性的区别：href是通过控制属性来实现页面跳转的

 

备注：window.history.back(0):可以实现当前页面的刷新功能

 

failure load of Component-preload.js will NOT prevent application loading

failure load of Component-preload.js will NOT prevent application loading

Suppose your application could not be opened when tile is clicked in launchpad, and you observe several failure load of Component-preload.js. You suspect those failure might be the root cause that your application could not be opened?
No, Never.

url for the first preload.js: https://jerry.sap.corp:4080/sap/bc/ui5_ui5/sap/extcrm_opp/764EE22A1AF02C826F4F2BF51185C6685/Component-preload.js
second: https://jerry.sap.corp:4080/sap/bc/ui5_ui5/sap/crm_opprtnty/49653C573CF035C44917750591905CDE5/Component-preload.js
third: https://jerry.sap.corp:4080/sap/bc/ui5_ui5/ui2/ushell/resources/20160518082000/sap/ca/scfld/md/Component-preload.js
By default UI5 framework will always try to load preload.js first:

Even if it fails, the default uncompressed component.js will be loaded as fallback:

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

本文同步分享在 博客“汪子熙”（CSDN）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。

今天的关于js刷新页面location.reload()用法和js 刷新页面的分享已经结束，谢谢您的关注，如果想了解更多关于a链接刷新页面与js刷新页面用法、a链接刷新页面与js刷新页面用法介绍、DOM-window下的常用子对象-location-刷新页面、failure load of Component-preload.js will NOT prevent application loading的相关知识，请在本站进行查询。

本文标签：

上一篇three.js的问题（three.js例子）

下一篇JS setTimeout()基本用法（js里settimeout）

相关文章