Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Summary of JS refresh page methods

Summary of JS refresh page methods

php中世界最好的语言
Release： 2018-05-11 15:21:06
Original
2054 people have browsed it

This time I will bring you a summary of the JS refresh page method, what are the precautions for JS refresh page, the following is a practical case, let's take a look.

Summary of several methods of JS refreshing the current page

  • reload method, this method forces the browser to refresh the current page

  • replace method, this method replaces the item currently cached in the history (client) by specifying the URL. Therefore, after using the replace method, you cannot access the replaced item through "forward" and "back" URL

  • Return and refresh the page

  • Method to automatically refresh the page

js Complete page refresh method

  • Automatic page refresh

  • Automatic page jump

  • Page automatically refreshes js version

  • Script statement of JS refresh framework

  • JS related refresh example code

jsMultiple implementation methods of returning to the previous page and refreshing

  1. ##javascript:history.go(-1)" rel="external nofollow" >Return to the previous page
    2. ##Refresh the current page

    3. Return to the first two pages

    4. .referrer;">Return to the previous page and refreshReturn to the previous page

Summary of several methods to refresh the page (JS, ASP.NET)

    history.go(0)

    • location.reload()

    • location=location

    • location.assign(location)

    • document.execCommand('Refresh')

    • window.navigate(location)

    • location.replace(location)

    • document.URL=location.href

aA link refresh page and js refresh page usage example introduction

    aA link refresh page and js refresh page usage example introduction

    • a link usage operation

    • How to refresh the current page with JS

    • location.replace(location.href);

    • Script statement of JS refresh frame

javascript implementation code to force refresh the page

<script language="JavaScript"> 
function myrefresh() 
{ 
window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script>
Copy after login

Js refresh frame Page code

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

    • Statement 2 . window.parent.frames.bottom.location.reload();

    • Statement 3. window.parent.frames["bottom"].location.reload();

    • Statement 4. window.parent.frames.item(1).location.reload();

    • Statement 5. window.parent.frames. item('bottom').location.reload();

    • Statement 6. window.parent.bottom.location.reload();

    • Statement 7. window.parent['bottom'].location.reload();

js返回上一页并刷新代码整理

  • JS 重载页面，本地刷新,返回上一页

  • JS定时刷新知识点实例

  • JS刷新框架的脚本语句

  • 子窗口刷新父窗口

  • 如何刷新另一个框架的页面用

JS实现重新加载当前页面

介绍用JavaScript刷新上级页面和当前页面，附上具体实例代码。

JS定时刷新页面及跳转页面的方法

  1. 页面自动刷新：把如下代码加入区域中 其中20指每隔20秒刷新一次页面.

  2. 页面自动跳转：把如下代码加入区域中 其中20指隔20秒后跳转到http://www.jb51.net/tools/files.shtml页面

  3. 页面自动刷新js版

js调用刷新界面的几种方式

有的时候需要手动调用来刷新界面，比如非动态切换的语言模式啊，风格样式啊什么的。这篇内容给大家整理了简单的实例代码。

javascript web页面刷新的方法收集

<body onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script>
Copy after login

无闪烁更新网页内容JS实现

  • 无闪烁更新网页的课题比较大。

  • 加载的html字符串（通过ajax获取的），如果还需要运行代码，那么肯定有问题。

  • 希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。

浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总

总结了JS ASP.NET等在不同环境中实现页面和窗口刷新的方法。

Js实现无刷新删除内容

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

vue环境传递参数打包不同域名代码分析

Vue如何操作html字段字符串转换为HTML标签

The above is the detailed content of Summary of JS refresh page methods. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
javascript Summarize method
source：php.cn
Previous article：JS retains one digit and removes non-digits Next article：Detailed explanation of vue use cases in webstorm
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}
From 2024-04-06 19:25:49
0
1
505
Scatterplot points do not maintain values ​​when zooming in d3.js This is my first time using d3.js, so please bear with me. I implemented it as pure JavaSc...
From 2024-04-06 18:16:26
0
1
403
JavaScript hover events on vendor-specific pseudo-elements I have the following htmlinput tag. $("input[type='range']::-webkit-slider-thumb"...
From 2024-04-06 15:35:24
0
1
274
Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...
From 2024-04-06 14:54:03
0
2
421
Customize the appearance of Bootstrap accordion headers using the CollapseDisplay class I want to style the card title of a panel with class collapseshow. In this example, it's t...
From 2024-04-06 12:53:11
0
1
376
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template