JS实现页面刷新

红太狼 2022-06-13 06:09 239阅读 0赞

一、最外层top跳转页面，适合用于iframe框架集

top.window.location.href("$\{pageContext.request.contextPath\}/Login\_goBack");

============================================================================================

二、window.location.href和window.location.replace的区别

1.window.location.href=“url”：改变url地址；

2.window.location.replace(“url”)：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，

因此当使用replace方法之后，你不能通过“前进”和“后 退”来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！

三、强制页面刷新

1.window.location.reload()：强制刷新页面，从服务器重新请求！

============================================================================================

四、window.location.reload();页面实现跳转和刷新

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

这几个都可以刷新

window.location.reload();刷新

window.location.href=window.location.href;刷新

window.close();关闭窗口，不弹出系统提示，直接关闭

window.close()相当于self属性是当前窗口

window.parent.close()是parent属性是当前窗口或框架的框架组

页面实现跳转的九种方法实例：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>navigate</title>

<script language="javascript">

setTimeout('window.navigate("top.html");',2000);

setTimeout('window.document.location.href="top.html";',2000);

setTimeout('window.document.location="top.html";',2000);

setTimeout('window.location.href="top.html";',2000);

setTimeout('window.location="top.html";',2000);

setTimeout('document.location.href="top.html";',2000);

setTimeout('document.location="top.html";',2000);

setTimeout('location.href="top.html";',2000);

setTimeout('location.replace("top.html")',2000);

//window对象

//document对象

//location对象

//href属性

//1.window.document.location.href

//2.window.document.location

//3.window.location.href

//4.window.location

//5.document.location.href

//6.document.location

//7.location.href

//8.window.navigate

//9.location.replace

//只要使用location方法，和任意的window对象，location对象，href属性连用，都可以页面的跳转

</script>

</head>

<body>

页面将在2秒后跳转

</body>

</html>

解释：

location是个对象，比如本页的document.location和window.location的属性有

location.hostname   =   community.csdn.net

location.href   =   http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02

location.host   =   community.csdn.net

location.hash   =

location.port   =

location.pathname   =   /Expert/topic/4033/4033372.xml

location.search   =   ?temp=2.695864E-02

location.protocol   =   http:

可见href是location的属性，类别是string。

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 js刷新页面方法大全

如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload(\[bForceGet\])

谁借莪１个温暖的怀抱￠/ 2022年08月21日 09:40/ 0 赞/ 230 阅读

相关 js刷新页面方法大全

如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload(\[bForceGet\])

水深无声/ 2022年08月03日 11:55/ 0 赞/ 383 阅读

相关 js实现页面刷新的方法

一、页面刷新方法： 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload(\[bForceGet\]) 参数： bForce

爱被打了一巴掌/ 2022年07月17日 02:38/ 0 赞/ 223 阅读

相关 js刷新页面方法

1，history.go(0) 2，location.reload() 3，location=location 4，location.assign(location

Bertha 。/ 2022年07月14日 09:48/ 0 赞/ 211 阅读

相关 js刷新页面方法大全

如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload(\[bForceGet\])

╰+哭是因爲堅強的太久メ/ 2022年06月18日 09:23/ 0 赞/ 221 阅读

相关 JS实现页面刷新

一、最外层top跳转页面，适合用于iframe框架集 top.window.location.href("$\{pageContext.request.c

红太狼/ 2022年06月13日 06:09/ 0 赞/ 240 阅读

相关 js页面刷新

windows.location.reload; // 本级框架刷新 parent.location.reload(); // 父级框架刷新 windo

小灰灰/ 2022年04月04日 03:05/ 0 赞/ 335 阅读

相关 js刷新页面方法大全

一、先来看一个简单的例子：下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(t

短命女/ 2021年11月26日 10:56/ 0 赞/ 436 阅读

相关 JS实现刷新_重新加载页面

问题解决：在JS代码中加入下面语句 location.reload(); //实现页面重新加载

╰半夏微凉°/ 2021年11月11日 06:04/ 0 赞/ 429 阅读

相关 js定时刷新页面

/添加定时器/ var Timer = 600000; var screenTimer; function s

墨蓝/ 2021年07月26日 15:39/ 0 赞/ 585 阅读