JavaScript是一種輕量級的編程語言，常用于Web應用程序的前端開發。作為Web開發的一個基礎，JavaScript可以通過很多不同的方式來改善用戶體驗。今天，我們將關注一個叫做“frame”的JavaScript方法，它可以通過改變src屬性來改變頁面顯示的內容。
顧名思義，“frame”是指HTML頁面中的框架（frame），這種框架在同一頁面上創建獨立的瀏覽器窗口，而這些窗口可以獨立地滾動和導航。當然，我們也可以使用JavaScript來操作這些框架，更改它們所呈現的內容。下面我們來看一些例子。
假設你有一個包含三個框架的Web頁面，每個框架都嵌入了不同的網站：
<html> <frameset cols="33%, 33%, 33%"> <frame src="https://www.baidu.com/"> <frame src="https://www.google.com/"> <frame src="https://www.bing.com/"> </frameset> </html>現在，假設你想點擊一個按鈕來加載一個新的網站到第一個框架。這可以通過使用JavaScript的“src”屬性來實現。下面的代碼演示了如何更改第一個框架的“src”屬性并加載一個新的網站：
<html>
<head>
<script>
function changeSrc() {
var frame1 = parent.frames[0];
frame1.src = "https://stackoverflow.com/";
}
</script>
</head>
<body>
<button onclick="changeSrc()">Load new website in frame 1</button>
<iframe src=""></iframe>
<iframe src=""></iframe>
<iframe src=""></iframe>
</body>
</html>上面代碼中，JavaScript函數“changeSrc”被調用時會獲取第一個框架（parent.frames[0]），并將其“src”屬性更改為“https://stackoverflow.com/”。此時，“iframe”標簽中的內容將被替換成新的網站，而第二和第三個框架則不受影響。
還有一個功能相似的方法叫做“location.replace”，可以把一個新的HTML頁面加載到框架中。下面的代碼演示了如何在第一個框架中加載一個新的HTML頁面：<html>
<head>
<script>
function changeSrc() {
var frame1 = parent.frames[0];
frame1.location.replace("https://stackoverflow.com/");
}
</script>
</head>
<body>
<button onclick="changeSrc()">Load new HTML page in frame 1</button>
<iframe src=""></iframe>
<iframe src=""></iframe>
<iframe src=""></iframe>
</body>
</html>上面代碼中，“changeSrc”函數會使用“location.replace”方法將新的HTML頁面加載到第一個框架中。這將取代現有的HTML頁面，重寫第一個框架中的其它元素。
盡管“frame”方法已經存在很長時間，但它在Web編程中的作用非常重要。它可以幫助我們在同一頁面中顯示不同來源的內容，從某種意義上說，它也推動了Web的發展。如果你對這個方法還沒有很好地掌握，請參考一些在線教程或練習一下示例代碼。上一篇macos 刪除php