前提 其實只有 <body>、<frame>、<iframe>、<img>、<link>、<script>、<style> 這些標簽才有onload事件,而div、p等標簽是沒有的。 但如果我們還是想在div append到DOM時做一些事情該怎麼辦呢?有人會說那就在append到DOM的代碼後面加 ...
前提
其實只有 <body>、<frame>、<iframe>、<img>、<link>、<script>、<style> 這些標簽才有onload事件,而div、p等標簽是沒有的。
但如果我們還是想在div append到DOM時做一些事情該怎麼辦呢?有人會說那就在append到DOM的代碼後面加不就行了,但這樣會每個append地方後面都得一一寫上,好麻煩。
例如
<div> <p>我有一隻小毛驢,我從來也不騎。</p> </div>
假設我想在上面內容載入後,彈出“我是小毛驢”提示框。
借花獻佛
我還是想用onload事件處理,我們也知道哪些標簽是支持,那麼就可以把代碼改成:
<div> <p>我有一隻小毛驢,我從來也不騎。</p> <style onload="alert('我是小毛驢')"></style> </div>
這樣借用style標簽,只要div append到DOM,就可模擬觸發onload事件。