window---页面跳转href+替换replace()+刷新reload()

最新推荐文章于 2022-12-01 15:15:58 发布

muzidigbig

最新推荐文章于 2022-12-01 15:15:58 发布

阅读量8.7k

点赞数 3

分类专栏： js问题锦囊文章标签： location reload replace href go

本文链接：https://blog.csdn.net/muzidigbig/article/details/84853146

版权

js问题锦囊专栏收录该内容

57 篇文章 4 订阅

订阅专栏

window.location.href/replace()/reload()--页面跳转+替换+刷新

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

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

二、跳转的区别

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

2.window.location.replace(“url”)：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，
因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL(无历史纪录)，这个特点对于做一些过渡页面非常有用！

3.window.location.assign() 加载新的文档，效果和直接赋值完全相同(会生成历史纪录)

- 示例： location.assign('http://www.baidu.com');

三、强制页面刷新

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

- 相对于点击刷新按钮

- 如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。

四、页面实现跳转和刷新

1 history.go(0)/history.back()
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
9 document.referrer是用来获取跳转链接的来源，正规的解释是:referrer 属性可返回载入当前文档的文档的 URL。
10 window.stop()停止跳转 11 $("#content_table").load(location.href+" #content_table"); 局部刷新（“#table_table”是需要刷新的框架id）

这几个都可以刷新

window.location.reload();刷新
window.location.href=window.location.href;刷新
window.open()
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。