js 刷新当前页面简易代码

admin 发表于 2023-1-30 23:21:11

<p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">本文为大家介绍三种 js 刷新当前页面的方法：<ul style="border: 0px; margin: 1em 0px; padding: 0px; line-height: 18px; list-style-type: none; color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><li style="border: 0px; margin: 0px 0px 1em 1em; padding: 0px 0px 0px 1.5em; line-height: 2em; font-size: 14px; word-break: break-all; background-image: url(https://www.runoob.com/wp-content/themes/runoob/assets/img/bullet.png); background-position: 0% 0.5em; background-repeat: no-repeat no-repeat;">reload() 方法;</li><li style="border: 0px; margin: 0px 0px 1em 1em; padding: 0px 0px 0px 1.5em; line-height: 2em; font-size: 14px; word-break: break-all; background-image: url(https://www.runoob.com/wp-content/themes/runoob/assets/img/bullet.png); background-position: 0% 0.5em; background-repeat: no-repeat no-repeat;">replace() 方法;</li><li style="border: 0px; margin: 0px 0px 1em 1em; padding: 0px 0px 0px 1.5em; line-height: 2em; font-size: 14px; word-break: break-all; background-image: url(https://www.runoob.com/wp-content/themes/runoob/assets/img/bullet.png); background-position: 0% 0.5em; background-repeat: no-repeat no-repeat;">页面自动刷新;</li></ul><h2 style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">方法1：reload() 方法</h2><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">reload()方法用于刷新当前文档。<p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">reload() 方法类似于你浏览器上的刷新页面按钮。<pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); margin: 15px auto; padding: 10px 15px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'lucida console', 'Courier New', monospace; background-image: url(https://www.runoob.com/images/codecolorer_bg.gif); background-color: rgb(251, 251, 251); overflow: auto; word-break: normal !important; word-wrap: normal !important; white-space: pre !important; color: rgb(51, 51, 51); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-position: 50% 0%; background-repeat: initial initial;">location.reload();</pre><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">在按钮中可以使用 onclick 事件：<pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); margin: 15px auto; padding: 10px 15px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'lucida console', 'Courier New', monospace; background-image: url(https://www.runoob.com/images/codecolorer_bg.gif); background-color: rgb(251, 251, 251); overflow: auto; word-break: normal !important; word-wrap: normal !important; white-space: pre !important; color: rgb(51, 51, 51); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-position: 50% 0%; background-repeat: initial initial;"><input type="button" onclick="javascript:location.reload();" value="刷新当前页面"></pre><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">点击下面按钮，刷新当前页面：<p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><input type="button" onclick="javascript:location.reload();" value="刷新当前页面" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 13px; outline: 0px;"><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">更多关于reload() 方法请参考文档：<a href="https://www.runoob.com/jsref/met-loc-reload.html" target="_blank" rel="noopener" style="border: 0px; margin: 0px; padding: 0px; color: rgb(0, 102, 0); text-decoration: underline; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; outline: none; font-size: 13px;">https://www.runoob.com/jsref/met-loc-reload.html</a><h2 style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">方法2：replace() 方法</h2><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">replace() 方法可用一个新文档取代当前文档。。<div class="example" style="border: 1px solid rgb(212, 212, 212); margin: 0px 0px 5px; padding: 5px; width: 818.09375px; color: rgb(0, 0, 0); background-color: rgb(229, 238, 204); background-image: linear-gradient(rgb(255, 255, 255), rgb(229, 238, 204) 100px); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><h2 class="example" style="border: 0px; margin: 0px 0px 2px; padding: 0px; font-size: 15.600000381469727px; line-height: 1.8em; color: rgb(97, 127, 16); background-color: transparent;">实例</h2><div class="example_code" style="border: 1px solid rgb(212, 212, 212); margin: 0px; padding: 5px; line-height: 1.4em; width: 801.71875px; background-color: rgb(249, 249, 249); font-size: 14.300000190734863px; font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'lucida console', 'Courier New', monospace; word-break: break-all; word-wrap: break-word;"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function replaceDoc() { window.location.replace("https://www.runoob.com") } </script> </headgt; <body> <input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()"> </body> </html> </div></div><iframe width="100%" height="300" src="https://c.runoob.com/iframe/89" allowfullscreen="allowfullscreen" frameborder="0" style="border: 0px; margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"></iframe><span style="color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">更多关于replace() 方法请参考文档：<a href="https://www.runoob.com/jsref/met-loc-replace.html" target="_blank" rel="noopener" style="border: 0px; margin: 0px; padding: 0px; color: rgb(0, 102, 0); text-decoration: underline; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; outline: none; font-size: 13px;">https://www.runoob.com/jsref/met-loc-replace.html</a><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><h2 style="border: 0px; margin: 2px 0px; padding: 0px; font-size: 1.8em; line-height: 1.8em; color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">方法3：页面自动刷新</h2><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">页面自动刷新：把如下代码加入<head>区域中<pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); margin: 15px auto; padding: 10px 15px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'lucida console', 'Courier New', monospace; background-image: url(https://www.runoob.com/images/codecolorer_bg.gif); background-color: rgb(251, 251, 251); overflow: auto; word-break: normal !important; word-wrap: normal !important; white-space: pre !important; color: rgb(51, 51, 51); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-position: 50% 0%; background-repeat: initial initial;"><meta http-equiv="refresh" content="5"></pre><p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">其中 5 指每隔 5 秒刷新一次页面。<p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; word-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><a target="_blank" href="https://c.runoob.com/codedemo/javascript/90" class="tryitbtn" rel="noopener" style="border: 0px; margin: 0px 0px 5px 5px; padding: 4px 10px; color: rgb(255, 255, 255); text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; display: inline-block; background-color: rgb(140, 168, 109); font-weight: bold; font-size: 13px; text-align: center; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; white-space: nowrap; outline: none;">尝试一下 »</a>

admin 发表于 2023-1-30 23:23:09

https://www.runoob.com/w3cnote/js-refresh-current-page.html

页: [1]

无量觉社区's Archiver

js 刷新当前页面简易代码