在前端開發中,經常需要通過父頁面調用子頁面的函數,其中jquery是一款非常方便的框架,本文將介紹如何使用jquery調用子頁面的函數。
首先,我們需要在父頁面中引入jquery庫:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
接著,在父頁面中定義一個函數來調用子頁面的函數:
function callChildFunction(){ var iframe = $('iframe'); // 獲取子頁面的iframe var childWindow = iframe[0].contentWindow; // 獲取子頁面的window對象 var childFunction = childWindow.childFunction; // 獲取子頁面的函數 childFunction(); // 調用子頁面的函數 }
在子頁面中,我們需要定義需要調用的函數:
function childFunction(){ console.log('這是子頁面的函數'); }
最后,在父頁面中調用函數即可:
callChildFunction();
通過以上方法,我們可以輕松地實現在父頁面中調用子頁面的函數。
上一篇jquery調查問卷算分
下一篇jquery調用父方法嗎