JS实现页面刷新

本文介绍了多种网页跳转及刷新的方法,包括window.location.href、window.location.replace等,并提供了具体的代码示例。还探讨了不同方法的特点及其应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、最外层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.youkuaiyun.com 

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

  location.host   =   community.youkuaiyun.com 

  location.hash   =   

  location.port   =   

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

  location.search   =   ?temp=2.695864E-02 

  location.protocol   =   http: 

  可见href是location的属性,类别是string。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值