在網頁開發中,常常需要通過iframe引入其他網頁或者文檔。jquery為我們提供了加載完成后的回調函數,方便我們做一些操作。
$(document).ready(function(){ $("iframe").on("load", function(){ //在iframe加載完成后執行的操作 }); });
上述代碼中,我們首先使用$(document).ready()函數,確保DOM樹加載完成后才執行代碼。然后通過選擇器選中所有iframe元素,使用on()方法綁定load事件,load事件會在iframe加載完成后觸發。在load事件回調函數中,我們可以對iframe所加載的文檔進行一些操作。
下面是一個示例,當iframe加載完成后,我們會將iframe高度自適應,使其內容全部顯示出來:
$(document).ready(function(){ $("iframe").on("load", function(){ var iframe = $(this)[0]; var iframeHeight = iframe.contentWindow.document.body.scrollHeight; $(iframe).height(iframeHeight); }); });
在這個示例中,我們首先獲取了iframe元素,然后通過contentWindow屬性獲取了iframe所嵌入的文檔的window對象,通過該對象的document.body.scrollHeight屬性,獲取文檔的總高度。最后,通過設置iframe的height屬性,將iframe的高度設置為文檔的總高度,從而達到自適應高度的效果。
上一篇3d動態html代碼
下一篇3d代碼html