location.replace與location.href,location.reload的區別

1. location.replace顧名思義是替換的意思

這種方法的原理是，用新頁面的URL替換當前的歷史紀錄，這樣瀏覽歷史記錄中就只有一個頁面，後 
退按鈕永遠不會變爲可用

onclick="javascript:location.replace(this.href);

<a href="javascript:location.replace('http://www.baidu.com')">點擊這個連接進入新頁面後看是否能夠後退返回本頁面</a>

2.location.href

本頁面跳轉

就是普通的頁面調整  a跳到b

3location.reload 辦法，該辦法強迫瀏覽器刷新當前頁面。

法： location.reload（[bForceGet]）                                                                                                                           參數：  bForceGet， 可選參數， 默認爲 false，從客戶端緩存裏取當前 頁。                                                                  true， 則以 GET 體式格式，從辦事端取最新的頁面， 至關於客戶端點擊 F5（"刷新"）

 

補充

indow.onload和$(document).ready()的區別

1.執行時間 

window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。 
$(document).ready()是DOM結構繪製完畢後就執行，沒必要等到加載完畢。 

2.編寫個數不一樣 

window.onload不能同時編寫多個，若是有多個window.onload方法，只會執行一個 
$(document).ready()能夠同時編寫多個，而且均可以獲得執行 

3.簡化寫法 

window.onload沒有簡化寫法 
$(document).ready(function(){})能夠簡寫成$(function(){});0

我如今通常的寫法是：

$(function(){
    //----------
})

這個時候，不必定要等全部的js和圖片加載完畢，就能夠執行一些方法，不過有些時候，必需要等全部的

元素都加載完畢，才能夠執行一些方法的時候，好比說，部分圖片或者什麼其餘方面尚未加載好，這個時候，點擊某些按鈕，會致使出現意外的狀況，這個時候，就

須要用到:

$(window).load(function() {
    $("#btn").click(function(){ 
    //--------------
    });
});

 

window.onload = function(){}的寫法跟 $(window).load(function() {});同樣，可是 $(window).load(function() {});能夠寫多個，而window.onload = function(){}會覆蓋。

 

全部DOM元素加載以前執行的jQuery代碼

    (function() {
        alert("DOM還沒加載哦!");
    })(jQuery)