JS页面刷新法

最新推荐文章于 2021-07-22 09:56:31 发布

转载最新推荐文章于 2021-07-22 09:56:31 发布 · 651 阅读

标签

#javascript #框架 #button #html5 #html

收录于

本文介绍JavaScript中用于刷新页面的八种方法，包括使用history、location等API的不同方式，并提供了内框架对外框架进行刷新的具体实现案例。

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

内框架对外框架刷新：

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

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

<HTML>
3

<HEAD>
4

<TITLE> frame </TITLE>
5

</HEAD>
6

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

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

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

</frameset>
10

</HTML>

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

top.html 页面的代码如下：
2

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

<HTML>
5

<HEAD>
6

<TITLE> top.html </TITLE>
7

</HEAD>
8

<BODY>
9

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

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

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

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

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

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

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

</BODY>
17

</HTML>
18

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

无效的名字

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

03-02

使用JQUERY做的一个页面DIV动态隐藏显示点击+号图片后 DIV会自动隐藏点击-号图片后 DIV会自动显示隐藏的DIV区域内的控件值后台仍可以取得到，当页面刷新时，也不会改变隐藏区域的隐藏状态使用JQUERY将页面状态作为一个标识位放入到页面session中，每次刷新时读取这个页面Session，用此来判断页面是否隐藏

参与评论您还未登录，请先登录后发表或查看评论

修改js页面后，刷新页面未生效

是逍遥呀呀呀呀

12-07

6196

前言：今年四月份由于业务需要，实现了一个简单的前端页面。近期针对服务变动，需要对管理平台页面进行相应的改动。此次修改在测试环境已经测试通过，但是在正式环境上线后发现页面效果并没有生效。再三确认上线版本，确定是正确的版本。因此google了一波，学习到了新知识【浏览器的缓存机制】。对其知识点我还没有深入理解，暂且记录下相关的解决办法。我最终是通过方法1解决的。清除浏览...

关于谷歌调试修改js之后，刷新失效的解决方法？

weixin_45866907的博客

07-22

379

关于谷歌调试修改js之后，刷新失效的解决方法？

【JS】问题——解决JS文件页面更新不生效问题

子规入梧桐

10-11

1万+

解决JS文件页面更新不生效问题问题产生昨天在本地测试一个web项目，启动后页面某个按钮点击没反应，通过浏览器控制台，追了追代码发现js写法不支持，就顺手把js文件给改了。然后重新发布，点击按钮发现还是没反应，F12追了下代码，发现js文件更改的部分还是原来的代码。可能的原因： 1.eclipse发布没成功（第一次尝试解决，结果未成功）奇怪了？？难道是因为重新发布的时候没有发布...

修改js后，刷新浏览器没有反应的解决方法

XiChuan的博客

04-13

3702

$.ajax({ 'url' : "AdminLogin.action", 'type' : "POST", 'data' : "login1=" + $('#admin_login').val()+'&table=admin', 'success' : function(data, textStatus

汇总Javascript刷新页面及框架方的法

冲浪小子专栏

06-08

467

看一个简单的例子：以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下： frame 现在假设top.html (即上面的页面) 有

javascript页面刷新的几种方法

wuke666666的博客

05-04

3248

javascript refresh page 几种页面刷新的方法本节内容：Javascript刷新当前页面的方法与实例。 window.location.reload()，window.history.go(0)和document.execCommand(’‘Refresh’’)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法： 1 hist...

js页面刷新事件，Javascript刷新页面的几种方法

热门推荐

wenlyli的专栏

11-29

1万+

1) 10表示间隔10秒刷新一次 2) window.location.reload(true); 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) window.navigate("本页面url"); 4> function abc() { window.location.href="/blog/window.location.href"

js 刷新页面

时光留不住，毕竟东流去

06-18

5307

js 刷新页面window.location.reload(); Javascript刷新页面的几种方法：复制代码 1 history.go(0) 2 window.location.reload() window.location.reload(true) 3 location=location 4 location.assign(location) 5 document.execCommand(’‘Refresh’’) 6 window.navigate(locat

Javascript刷新页面的几种方法：

开发之路

08-13

6374

1 window.history.go(0) // window.history.go(-n) 表示返回上n级目录 2 window.location.reload() // window.parent.location.reload() 表示对父框架页面的刷新（注：加了parent的都是将js效果实现到父页面里，也可以用这个parent调父页面的js函数！）3 ...

使用js刷新页面

爱的天空的博客

05-14

1368

1，reload 方法，该方法强迫浏览器刷新当前页面。 location.reload(force) 如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。如果...

JavaScript 页面刷新方法

weixin_50180458的博客

05-27

6722

内容：Javascript刷新当前页面的方法与实例。 window.location.reload()，window.history.go(0)和document.execCommand(’‘Refresh’’)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。一．Javascript刷新页面的几种方法： 1 history.go(0) 除非有<%…%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不刷新 2 location.reload() 要重新连服务器以读得新

js(javascript)页面刷新

騒周的博客

01-07

942

javascript refresh page 几种页面刷新的方法本节内容：Javascript刷新当前页面的方法与实例。 window.location.reload()，window.history.go(0)和document.execCommand(''Refresh'')，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法： 1 h...

Javascript刷新页面的几种方法

linyizhong001的专栏

11-02

6575

1.Response.Redirect("XXX.aspx",true)——直接转向新的页面，原窗口被代替; 2. Response.Write("")——原窗口保留，另外新增一个新页面; 3.Response.Write("")——打开新的页面，原窗口被代替; 4.Server.Transfer("XXX.aspx")——打开新的页面; 5.Response.Write("")——原窗口保留，以对话框形式打开新

js刷新当前页面的5种方式

Jane_Serry@CSDN博客

06-24

2145

js刷新当前页面的5种方式 1。 reload reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") reload() 方法用于重新加载当前文档。 ...

js刷新页面

weixin_44540198的博客

06-27

1234

下面是我最近学习的几种js页面加载效果再js中加入下面一句代码 location.reload(); //实现刷新页面重新加载 JS实现重新加载当前页面或者父页面的几种方法在开发过程中想要在某个时机去刷新某个固定的页面，去更新该页面某些控件的属性，比如显示隐藏、是否可点击等。是用的主要是通过刷新该页面，方法如下：第一个方法：在该页面js部分中调用： ...

JS跳转与刷新页面

林中静月下仙的博客

07-29

1899

一：JS 重载页面，本地刷新,返回上一页 <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面，本地刷新</a> <a href="javascript:history.go(-1);location.reload()">返回上一页重载页面，本地刷新</a> 返回前二页并刷新的JS代码应该怎样写。

JS 刷新页面所有方法

小北哥哥和北妈

07-14

2135

Javascript 刷新页面 window.location.reload();使用window.open()弹出的弹出窗口，刷新父窗口非模态刷新父页面：window.opener.location.reload()使用window.showDialog弹出的模式窗口模态刷新父页面：window.dialogArguments.location.reload(); 先来看一个