在網頁開發中，有許多場景需要實現返回上層的功能，比如：在嵌套的iframe中返回父級頁面、在多級嵌套的頁面中返回上一頁等等。在這些場景下，JavaScript 都能夠提供相應的實現方式。本文將會詳細介紹 JavaScript 如何實現返回上層的功能，并舉例說明。
一、返回上一級網頁
在一些情況下，我們需要在頁面里實現返回上一級網頁的功能。比如我們在一個列表頁點開了某個內容詳情頁，當我們在詳情頁查看完后，需要返回到原來的列表頁，這時我們要實現按返回鍵回到上一頁的功能。
JavaScript中提供了一個返回上一級網頁的方法：window.history.back()。這個方法可以回到瀏覽器歷史記錄中的上一條記錄。如果你在列表頁里點擊了某個內容詳情頁，那么當前頁面的上一個歷史記錄就是列表頁。我們可以在詳情頁中進行以下JavaScript操作，實現返回上一級網頁的功能：

<button onclick="goBack()">返回</button>
<br>
<script>
function goBack() {
window.history.back();
}
</script>

在這段代碼里，我們在按鈕上添加了一個onclick事件，當我們點擊這個按鈕時會執行goBack()函數。goBack()函數里調用了window.history.back()方法，這個方法會將當前頁面退回到上一個歷史記錄（即列表頁）。
二、返回父級頁面
在網頁里嵌套多層 iframe 的情況下，我們可能需要在子頁面中實現返回父級頁面的功能。比如當我們在一個網頁中嵌套了一個廣告 iframe，我們需要在廣告頁面里實現返回到原網頁的功能。
JavaScript中提供了一個返回到父級頁面的方法：window.parent.location.href。我們可以在子頁面中，通過以下JavaScript代碼實現返回到父級頁面的功能：

<button onclick="goBack()">返回</button>
<br>
<script>
function goBack() {
window.parent.location.href = "原網頁鏈接地址";
}
</script>

在這段代碼里，我們同樣在按鈕上添加一個onclick事件，當我們點擊這個按鈕時會執行goBack()函數。goBack()函數里將當前頁面的鏈接地址設置為父級頁面的鏈接地址，這樣子頁面就會被關閉，返回到父級頁面。
三、通過瀏覽器地址欄返回上一級頁面
除了使用上述的方法，還可以通過設置瀏覽器的地址欄來實現返回上一級頁面的功能。可以通過以下JavaScript代碼實現：

<button onclick="goBack()">返回</button>
<br>
<script>
function goBack() {
window.location.href = document.referrer;
}
</script>

在這段代碼里，我們在按鈕上添加了一個onclick事件，當我們點擊這個按鈕時會執行goBack()函數。goBack()函數里使用document.referrer獲取上一個頁面的地址，并將當前頁面的鏈接地址設置為上一個頁面的地址，這樣就可以返回到上一個頁面了。
總結
JavaScript提供了多種方式實現返回上一層的功能，包括：返回上一級網頁、返回父級頁面、通過瀏覽器地址欄返回上一級頁面等。在不同的場景下，我們可以根據需求選擇不同的實現方式。以上是對幾種方式的簡要介紹，希望對大家有所幫助。