在Web頁面開發中,經常需要在一個iframe內顯示另一個頁面的內容。此時,需要在iframe頁面內調用父頁面中的方法來操作父頁面的元素。可以使用jQuery實現這個功能。
下面是一個簡單的示例:
<html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> function hello() { alert("Hello World!"); } </script> </head> <body> <iframe src="iframe.html"></iframe> </body> </html><html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(function() { // 調用父頁面的hello方法 parent.hello(); }); </script> </head> <body> <p>This is an iframe page.</p> </body> </html>
在父頁面中定義了一個名為hello的函數,在iframe頁面中使用jQuery調用了這個函數。注意,調用父頁面的方法時使用parent關鍵字。
如果需要在父頁面中操作具體的元素,可以把操作元素的代碼放在hello函數中。
總之,使用jQuery調用父頁面方法是一個比較方便的方法,可以簡化Web頁面開發的過程。
上一篇快遞流程動態css