frame load是jquery中的一個非常重要的事件,該事件在iframe頁面載入完成后執行。
$("iframe").load(function() { // iframe內部已經載入完成,可以執行相關操作 });
基于這個事件,我們可以輕松地實現iframe內部內容的動態操作。比如,當iframe頁面載入完成后,我們可以通過jquery動態修改iframe中某個元素的樣式。
// 在iframe頁面載入完成后,修改其內部元素的樣式 $("iframe").load(function() { $(this).contents().find("#inner-element").css("background-color", "red"); });
另外,如果我們需要在iframe頁面載入完成后,獲取其內部某個元素的屬性值,那么也可以很容易地通過frame load事件來實現。
// 在iframe頁面載入完成后,獲取其內部某個元素的屬性值 $("iframe").load(function() { var elementValue = $(this).contents().find("#inner-element").attr("my-attribute"); console.log(elementValue); });
需要注意的是,由于iframe中的內容可能會跨域載入,因此在使用frame load事件時,需要注意安全性方面的問題。