在開發網頁應用程式時，經常會出現需要從一個頁面執行父頁面中的方法的情況。 jQuery是一個強大的JavaScript函式庫，它可以幫助我們輕鬆地實現這個目標。
在本文中，我們將介紹如何使用jQuery執行父頁面方法。下面，我們將分為以下幾個部分詳細講解：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function displayMessage(){
alert("Hello from parent page!");
}
</script>
</head>
<body>
<a href="child.html" target="_blank">Open Child Page</a>
</body>
</html>在這個例子中，我們定義了一個名為"displayMessage()"的方法，這個方法用於彈出一個對話框，並顯示一條簡單的訊息。我們將在子頁面中呼叫這個方法。
$(document).ready(function(){
var parentWindow = window.parent;
});在這個範例中，我們使用了jQuery的document.ready()方法。這個方法等到整個頁面載入完成後再執行。我們將取得到的父頁面參考儲存在一個變數parentWindow中。
$(document).ready(function(){
var parentWindow = window.parent;
parentWindow.displayMessage();
});在這個範例中，我們呼叫了父頁面中的displayMessage()方法。我們透過造訪向父視窗傳遞的window.parent屬性來取得對父頁面的參考。然後，我們使用這個引用來呼叫父頁面中的方法。
在父頁面中：
<html>
<head>
<title>Parent Page</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function displayMessage(){
alert("Hello from parent page!")
}
</script>
</head>
<body>
<button onclick="window.open('child.html','_blank')">Open Child Page</button>
</body>
</html>在子頁面中：
$(document).ready(function(){
var parentWindow = window.opener;
parentWindow.displayMessage();
});在這個範例中，我們使用了window.open( )方法開啟一個名為child.html的子頁面。當使用者點擊父頁面上的按鈕時，會開啟子頁面，並立即呼叫子頁面中的程式碼。
在子頁面中，我們使用window.opener屬性來取得父視窗的參考。透過這個引用，我們可以存取父頁上的任何方法或屬性。在這個範例中，我們透過父頁面引用呼叫了父頁面上的displayMessage()方法。
總結
在開發網頁應用程式時，我們經常需要從子頁面中呼叫父頁面中的方法。透過使用jQuery，我們可以輕鬆地實現這個目標。在本文中，我們介紹了兩種方法，透過這些方法，我們可以輕鬆地在子頁面中呼叫父頁面中的方法。
以上是jquery 執行父頁面方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
