Javascript刷新和返回小知识

最新推荐文章于 2020-11-06 17:05:26 发布
最新推荐文章于 2020-11-06 17:05:26 发布
阅读量747 收藏
点赞数
分类专栏： 零杂
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chigege/article/details/20838517
版权
举例页面如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> frame </TITLE> 
</HEAD> 
<frameset rows="50%,50%"> 
<frame name="A" src="A.html"> 
<frame name="B" src="B.html"> 
</frameset> 
</HTML>
基本知识：
1.window指代的是当前页面，例如对于此例来说，若A页面进行javascript操作的时候，它指的是A.html页面。
2.parent指的是当前页面的父页面，也就是包含它的框架页面，若A页面进行javascript操作的时候，它指的是示例页面。
3.frames是window对象，是一个数组。代表着该框架内所有子页面。
一.本页面刷新： 
1.window.history.go(0);//history对象是 Window 对象的一个部分，表示浏览器URL访问列表
2.window.location.reload();//Location 对象是 Window 对象的一个部分，表示那个窗口中当前显示的文档的 Web 地址
3.location.replace(具体URL)；
4.window.parent.frames[1].location.reload()；//映对着对应的frame框刷新，如A则为第一个。

二.父页面刷新：
1.parent.location.reload();
2.self.opener.location.reload();//self代表当前对象，opener代表父类对象

三.自动刷新 
<script language="JavaScript"> 
function myrefresh(){ 
   window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script>
四.返回
1. history.go(-1)；返回浏览器URL访问列表中的顺序，0为当前页面
2. history.back()；
3. window.history.forward()；返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)； 

炽哥哥
关注
专栏目录
javascript hasFocus使用实例
01-19
如果网页处于焦点状态返回true,否则返回fasle 什么是焦点？焦点是指用户是否活动在该页面．确切的说鼠标是否在该网页内活动．或者说该网页中的内容是否有被选中的，或者光标存在于该页的某个元素内．如果具备其中一个条件那么该页就处于焦点状态．注意hasFocus方法只针对网页不针对浏览器．下面的实例中．你用鼠标点击网页时候．该网页处于焦点状态．你用鼠标点击浏览器的地址栏以后．该网页失去焦点并显示false． 再次提醒hasFocus方法只能运行在document对像．请看下面实例 代码如下: <html> <head> <title>Dom:hasFocus方法实例</title> </hea
javascript无刷新评论实现方法
10-24
在无刷新评论的实现中，主要涉及到以下知识点： 1. **DOM操作**：JavaScript通过`document.getElementById()`方法获取特定ID的HTML元素，如昵称文本框和评论文本框。`getElementById`返回与指定ID匹配的第一个元素...
浏览器中回车(Enter)和刷新的区别是什么？[转载]
aizhengf94032的博客
10-21 345
在浏览器中回车和F5刷新有什么区别那？今天就来说说：浏览器中回车(Enter)和刷新的区别是什么？ 这点事。 概论： 1、回车在 Expires有效的时候，是不会去请求服务器的，打开调试看到的请求也只是伪造的，比如 谷歌浏览器可能显示 200(cached)（比正常的200多了） 其实是没有发起实际的缓存，直接读取本地硬盘缓存。 2、如果按了 f5则 Expires设置不再起...
JS 页面刷新以及页面返回的几种方式
weixin_30289831的博客
03-25 263
1、通过标签形式的跳转页面<a class="popup" href="~/WeiXin/Shoppingguide/StockData"></a> 表示跳转的页面 ,<a>标签里面接一个href跳转链接 2、如果是不同的地方进入一个页面，这时候想要返回点击这个页面的之前那个页面 则可以<a class="popup" href="j...
js刷新页面方法详解
净诚浩天的博客
03-06 873
如何实现刷新当前页面呢？借助js方法如下：1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])   参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")2，replace 方法，该方法通过指定URL替换当前缓存在...
setTimeout("location.replace(location.href.split(\"#\")[0])",2000)；
Hayley-L
05-31 4807
"<html> <head> <script language="javascript">setTimeout("location.replace(location.href.split(\"#\")[0])",2000);</script> <script type="text/javascript" src="http://1.1.1.3:...
javascript IFrame 强制刷新代码
10-29
以下详细说明了在JavaScript中强制刷新iframe的相关知识点。 首先，了解iframe缓存的原因和工作原理很重要。浏览器缓存内容主要是为了提高页面加载速度和减少服务器负载，但由于这种缓存，iframe中的内容在进行数据...
js 返回上一页和刷新 的代码
09-28
在JavaScript中，返回上一页和刷新页面都是常见的操作，本文将详细介绍相关的知识点。 返回上一页 在JavaScript中，返回上一页可以使用以下几种方法： 1. history.go(-1)：返回上一页，相当于浏览器的后退按钮。 ...
javascript入门·图片对象(无刷新变换图片)\滚动图像
10-30
标题“JavaScript入门·图片对象(无刷新变换图片)滚动图像”揭示了文章的主题，即通过JavaScript实现图片对象的无刷新变换和滚动效果。JavaScript是一种基于对象和事件驱动并具有安全性能的解释型脚本语言，广泛用于...
JavaScript实现网页头部进度条刷新
10-20
在当今的网络技术中，为用户提供良好的交互体验是非常重要的。...通过上述的介绍，我们可以看到实现该功能主要需要掌握HTML、CSS和JavaScript的相关知识，并且对文档对象模型（DOM）的操作有一定的了解。
js 自动定时刷新页面
lxp199741的博客
06-27 1266
//其中部分代码可以优化 暂定一版本 var Obj = document.getElementById("btn"); Obj.onclick = function (){ var sx = getCookie("shuaxin"); if (sx == "jia") { setCookie("shuaxin","zhen"); } else{ setCookie("shuaxin","jia...
javascript实现页面的重新加载和页面的刷新
热门推荐
金州饿霸吃不饱的博客
06-06 4万+
1、reload 方法，该方法强迫浏览器刷新当前页面。  语法：location.reload([bForceGet])  参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2、 replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用r...
怎么样在HTML中定时刷新
mischen520的博客
07-10 2001
怎么样在HTML中定时刷新 function myrefresh(){ window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次
js刷新页面方法大全
不学习就淘汰
08-05 2万+
如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])   参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定
报表实时显示时间
chuiao2284的博客
08-28 395
报表，除了相对静态地展现汇总统计数据以及分布、趋势等数据内容外，也可以用于显示和时间相关的即时信息，包括实时显示时间。例如，下面这个设备监控应用统系中，首页除了显示实时监控数据外，还需要在右上角显示实时时间： 这种形式的“动态报表”其实在我们生活中也随处可见，最常见的就是火车站大屏幕上的列车...
javascript refresh page 几种页面刷新的方法
小丫007的博客
09-07 8749
javascript refresh page 几种页面刷新的方法 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下： 复制代码 代码如下:     frame              
JS之页面自动刷新，用于需要实时更新页面
文中肖鸟的博客
09-14 1万+
自动刷新页面的方法: 1.页面自动刷新：把如下代码加入区域中 其中20指每隔20秒刷新一次页面. 2.页面自动跳转：把如下代码加入区域中 其中20指隔20秒后跳转到http://www.xxxx.com页面 3.页面自动刷新js版 function myrefresh() {        window.location.reload(); }
href="#"会导致location.replace(location.href);脚本不工作
diedangxiang4092的博客
12-21 243
我们经常这样：<a onclick="xxx"href="#" 其实这不是一个好习惯，当点下这个连接后，主页面的URL后面会加个#号，这样就会导致很多JS内置URL相关脚本不工作，包含一些jquery的函数。 如果实在要用这种方式，那么就用空连接吧：href="javascript:void(0);" 这个小小的问题查了二个小时………………还尝试改...
站点访问——文件加载内容被替换
jie_rookie的博客
11-06 2000
最近一个项目经常报not Found错误，然后一闪而过返回了默认页面。查看控制台发现"setURL is not a function"，经浏览器测试与多客户端测试，结果表明与客户端没有关系。 经过排查发现，请求的html页面内容被替换为： <head> <script language="javascript">setTimeout("location.replace(location.href.split(\"#\")[0])",2000);</script> &
JavaScript刷新页面技巧汇总
以下就是对标题和描述中所述知识点的详细解释： 1. `history.go(0)` 这个方法将浏览器的历史记录回退到当前页面，从而达到刷新的效果。`history.go()` 接受一个参数，表示在历史记录中的前进或后退步数，`0` 表示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值