場景：在公司開發一個專案，就有一個這樣的需求，從一個頁面的“詳細”按鈕，點選後，跳轉到另個一個新的頁面，但是新頁面是另一個模組（分左右子頁面，左側是左子樹選單欄，右側是對應的詳細資訊）的子頁面（右側子頁面），同時右側子頁面還有多個同級的子頁面選項卡（麵包屑樣式的選項卡），如何實現跳轉返回初始頁面？

看似是一個小問題吧，但是折騰了我一個上午。

如果只是點選進去該新頁面之後，不再去點選其他子頁面的話，其實很簡單，下面幾種方式就可以輕鬆搞定：

1. window.history.go(-1); //返回上一頁

2. window.history.back(); //返回上一頁

3.window.history.back();location.reload();//返回上一頁，並重新整理頁面

4.window.history.go(返回第幾頁,也可以使用訪問過的URL)

但是，便便存在多個同級子頁面，如果使用者再點選其他子頁面的時候，上面的方法則行不通了，就算可以，也只是更新了右側子頁面，左側還是上一個模組的左子樹頁面，所以這樣也是不行的。

最終，我還是通過不斷的摸索+參考谷歌上網友的案例，解決了這個問題：

使用這個 window.parent.location.href 來跳轉回去！

function retrunMonitordataPage(){
    var url = "${pageContext.request.contextPath}/biz/statAnalysis/monitor.do?action=currentMonitormain&moduleName=監測資料";
    window.parent.location.href
 
=url;
}