微软官方MSDN原版Win10系统下载

现在位置: 首页  > 系统教程  > 系统帮助

js怎么刷新页面

时间:2024-09-20 21:16:52   

大家好,今天Win10系统之家小编给大家分享「js怎么刷新页面」的知识,如果能碰巧解决你现在面临的问题,记得收藏本站或分享给你的好友们哟~,现在开始吧!

中国象棋-教您怎么下象棋系列软件最新版本下载

1.如何用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.jb51.net页面

2.js刷新页面代码程序


  有三个页面分别命名为frame.html、top.html、bottom.html 
  
  frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
  
  <frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。
  
  语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames["bottom"].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item(''bottom'').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent[''bottom''].location.reload();
  
  top.html 页面的代码如下:
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames[''bottom''].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item(''bottom'').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent[''bottom''].location.reload()"><br>
</BODY>
</HTML>
下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。
bottom.html 页面的代码如下:
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY onload="alert(''我被加载了!'')">
<h1>This is the content in bottom.html.</h1>
</BODY>
</HTML>
  
  解释一下:
1.window指代的是当前页面,例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象,是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
  
  附:
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.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
  
  2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url= ">
其中20指隔20秒后跳转到 页面
  
  3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
 window.location.reload();
}
setTimeout(''myrefresh()'',1000); //指定1秒刷新一次
</script>
  
  ASP.NET如何输出刷新父窗口脚本语句
1. this.response.write("<script>opener.location.reload();</script>");
  
  2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>"); 
  
  3. Response.Write("<script language=javascript>opener.window.navigate(''''你要刷新的页.asp'''');</script>")
  
  
JS刷新框架的脚本语句
  
  //如何刷新包含该框架的页面用 
<script language=JavaScript>
 parent.location.reload();
</script> 
  
  
//子窗口刷新父窗口
<script language=JavaScript>
 self.opener.location.reload();
</script>
( 或 <a >刷新</a> )
  
  //如何刷新另一个框架的页面用 
<script language=JavaScript>
 parent.另一FrameID.location.reload();
</script>
  
  如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
  
  <body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
  
  <script language="javascript">
window.opener.document.location.reload()

3.js返回上一页并刷新的几种方法


  js返回上一页并刷新的几种方法:
方法一:<a >返回上一页</a> 
方法二:<a >刷新当前页面</a> 
方法三:<a  onclick="history.go(-2); ">返回前两页</a> 
方法四:<a  onclick="self.location=document.referrer;">返回上一页并刷新</a> 
方法五:<a  onclick="history.back(); ">返回上一页</a>
扩展资料
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
1、是一种解释性脚本语言(代码不进行预编译)。
2、主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
3、可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
4、跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
参考资料来源:搜狗百科:javascript

4.javascript怎么刷新页面,要refresh不要reload


  location.reload(); 
下面是复制的 
用js实现的刷新页面的代码,比较全 
 
先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> frame </TITLE> </HEAD> <frameset rows="50%,50%"> <frame name=top src="top.html"> <frame name=bottom src="bottom.html"> </frameset> </HTML> 现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。 
 
语句1. window.parent.frames[1].location.reload(); 
 
语句2. window.parent.frames.bottom.location.reload(); 
 
语句3. window.parent.frames["bottom"].location.reload(); 
 
语句4. window.parent.frames.item(1).location.reload(); 
 
语句5. window.parent.frames.item(bottom).location.reload(); 
 
 语句6. window.parent.bottom.location.reload(); 
 
语句7. window.parent[bottom].location.reload(); 
top.html 页面的代码如下: 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<HTML> 
 
<HEAD> 
 
<TITLE> top.html </TITLE> 
 
</HEAD> 
<BODY> 
 
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> 
 
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br> 
 
<input type=button value="刷新3" onclick="window.parent.frames[bottom].location.reload()"><br> 
 
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> 
 
<input type=button value="刷新5" onclick="window.parent.frames.item(bottom).location.reload()"><br> 
 
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> 
 
 <input type=button value="刷新7" onclick="window.parent[bottom].location.reload()"><br> 
 
 </BODY> 
 
 </HTML> 
下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。 
 
 bottom.html 页面的代码如下: 
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<HTML> 
 
<HEAD> 
 
 <TITLE> bottom.html </TITLE> 
 
 </HEAD> 
 
<BODY onload="alert(我被加载了!)"> <h1>This is the content in bottom.html.</h1> 
 
</BODY> 
 
</HTML> 
解释一下: 1.window指代的是当前页面,例如对于此例它指的是top.html页面。 
 
 2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。 
 
3.frames是window对象,是一个数组。代表着该框架内所有子页面。 
 
4.item是方法。返回数组里面的元素。 
 
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。 
 
 附: 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.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面. 
 
2.页面自动跳转:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url="> 其中20指隔20秒后跳转到页面 3.页面自动刷新js版 <script language="JavaScript"> function myrefresh() setTimeout(myrefresh(),1000); //指定1秒刷新一次 </script> 
ASP.NET如何输出刷新父窗口脚本语句 
 
1. this.response.write("<script>opener.location.reload();</script>"); 
 
 2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>"); 
 
 3. Response.Write("<script language=javascript>opener.window.navigate(你要刷新的页.asp);</script>") JS刷新框架的脚本语句 //如何刷新包含该框架的页面用 <script language=JavaScript> parent.location.reload(); </script> //子窗口刷新父窗口 <script language=JavaScript> self.opener.location.reload(); </script> ( 或 <a >刷新</a> ) //如何刷新另一个框架的页面用 <script language=JavaScript> parent.另一FrameID.location.reload(); </script> 如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。 <body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新 <script language="javascript"> window.opener.document.location.reload() </script>
本文来自CSDN博客,转载请标明出处:
另外,团IDC网上有许多产品团购,便宜有口碑

以上就是关于「js怎么刷新页面」的全部内容,本文讲解到这里啦,希望对大家有所帮助。如果你还想了解更多这方面的信息,记得收藏关注本站~

Win10系统之家www.GhoST580.Net独♀家♀使用,转载请联系网站管理人员!』

相关文章

  • word怎么设置页面

    word怎么设置页面

    1.word页面格式怎么设置第1步,打开word2003窗口,在菜单栏依次单击“格式”→“样式和格式”菜单命令,或者单击格式工具栏最左侧的“格式窗格”按钮即可打开“样式和格式”任务窗。第2步,以创建名称为“合同标题”的样式为例,首先...
  • 打印页面怎么设置

    打印页面怎么设置

    1.4.如何进行文档的页面设置、打印设置?1、打开文件。2、单击“文件”菜单中的“打印预览”功能按钮;3、文章的打印预览窗口中就可以看到这篇文章的打印效果:在预览窗口中,指针变成放大镜形状,这时看到的是文章的整体效果。如...
  • 打印机的页面怎么设置

    打印机的页面怎么设置

    1.Word打印中的页面设置怎么设置?原发布者:ppslxj如何设置页面完成对工作表的数据输入、编辑和排版工作后,就可以打印输出了。为了使打印的格式清晰、准确,往往需要在打印之前做一些准备工作,如页面设置、页眉和页脚的设...
  • 安卓怎么删除页面

    安卓怎么删除页面

    1.安卓手机怎么删除后台网页安卓系统内存扫盲:android是如何管理进程的在android里,进程和程序是两回事,程序可以一直保留在系统里,但是没有任何进程在后台“运行”,也不消耗任何系统资源。所有的程序保留在内存中,所有...