在JavaScript開發中，我們經常會涉及到parent這個屬性，它是用來操作文檔中的iframe或者frame頁面的。一個frame的parent，就是它所在頁面的window對象。同樣地，一個iframe的parent也是它所在的文檔的window對象。

舉個例子，假設我們有一個頁面，其中包含一個iframe，在iframe頁面中有一個按鈕，我們需要在點擊按鈕之后改變iframe上層文檔中的一個元素的樣式。在這種情況下，我們可以使用parent屬性來獲取上層文檔的window對象，并通過該對象來操作文檔元素。下面是一段示例代碼：

//獲取iframe所在文檔的window對象
var parentWindow = window.parent;
//在上層文檔中查找元素，并修改其樣式
parentWindow.document.getElementById("target-element").style.color = "red";

我們可以注意到，使用parent屬性需要注意跨域問題，如果子頁面和父頁面不在同一個域下，那么使用parent屬性將會拋出一個安全性異常。在這種情況下，我們可能需要將消息傳遞給父頁面，讓父頁面來執行操作。

在開發中，parent屬性還可以被用來對iframe或者frame進行動態修改。例如，在父頁面中可以通過JavaScript來修改子框架的src屬性，從而改變框架所加載的內容。下面是一個示例，我們可以在父頁面中增加一個鏈接，并通過該鏈接來修改子框架的src：

//獲取iframe元素
var myIframe = document.getElementById("my-iframe");
//獲取iframe中的鏈接，并添加點擊事件
var iframeLink = document.getElementById("iframe-link");
iframeLink.addEventListener("click", function() {
//修改iframe的src屬性，加載新內容
myIframe.src = "http://www.example.com/new-content.html";
});

總之，parent屬性在操作frame和iframe時經常被使用，它可以用來獲取上層文檔的window對象，也可以用來對子框架進行動態修改。但是，需要注意跨域問題。只有在同域下的操作才是安全的。