window---頁面跳轉href+替換replace()+刷新reload()

window.location.href/replace/reload()--頁面跳轉+替換+刷新

一、最外層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():強制刷新頁面,從服務器重新請求!

四、頁面實現跳轉和刷新 

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
這幾個都可以刷新
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。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章