iframe中的onload事件深藏功與名

2021-10-09 14:11:57 字數 361 閱讀 5646

動態建立的 display 為 none 的 iframe 元素,onload 事件不會執行 ?!

昨天業務需求中碰到乙個關於 iframe 不能正常跳轉的棘手問題,一直猜測是 onload 事件引起的,雖然最後用 promise 暫時解決了,但是考慮到一些老版本的瀏覽器還需要 polyfill 去相容一下,不必要的引入了 js 增加開銷,所以今天研究了一上午終於發現了 iframe 的 onload 秘密。

::: warning 定義: onload 事件會在頁面或影象載入完成後立即發生,iframe 中的 onload 事件會在整個文件載入完成後執行。 :::

iframe作為老古董,雖然坑多,但有時候確實可以簡單粗暴的解決一些實際問題,且用且珍惜吧!

offsetHeight在OnLoad中為0的現象

在使用ie中,特別在目前div css的方式,往往不定義div的高度,這是在新增div內容後,需要獲取div的高度時,往往需要用到offsetheight。在使用中,有時會碰到offsetheight獲取到為0的現象,但如果你用各種js除錯工具除錯,又能在物件中看到值 如果直接指向offsethei...

js中onload和jQuery中的ready區別

window.onload必須等到頁面內包括的所有元素載入完畢後才能執行。不能寫多個 如果有多個,只會執行乙個 document ready 是dom結構繪製完畢後就執行,不必等到載入完畢。可以寫多個 同 function document ready function 或者 function do...

js中onload與onunload的使用示例

onload與onunload想必大家並不陌生吧,下面為大家演示下js中onload與onunload的妙用,感興趣的朋友可以參考下,希望對大家有所幫助 引言 複製 如下 或 說明 window.screentop 獲取瀏覽器客戶區左上角相對於螢幕左上角的 y 座標 screentop 後面的數字必...