首頁  >  文章  >  web前端  >  巧妙的為div、p標籤添加onload事件

巧妙的為div、p標籤添加onload事件

angryTom
angryTom轉載
2019-12-16 17:23:074756瀏覽

巧妙的為div、p標籤添加onload事件

如何為div、p新增onload事件?

前提

其實只有6c04bd5ca3fcae76e30b72ad730ca86d、04a0d55efbbfd646a993fbc01f262c57、d5ba1642137c3f32f4f4493ae923989c、a1f02c36ba31691bcfe87b2722de723b、2cdf5bf648cf2f33323966d7f58a7f3f、2cdf5bf648cf2f33323966d7f58a7f3f、a1f02c36ba31691bcfe87b2722de723b、2cdf5bf648cf2f33323966d7f58a7f3f、2cdf5bf648cf2f33323966d7f58a7f3f、2cdf5bf648cf2f33323966d7f58a7f3f、a1f02c36ba31691bcfe87b2722de723b、2cdf5bf648cf2f33323966d7f58a7f3f、2cdf5bf648cf2f33323966d7f58a7f3f、e914a3ca3d6f3d3ba29bc63eacfc88aa、c9ccee2e6ea535a969eb3f532ad9fe89 這些標籤才有onload事件,而div、p等標籤是沒有的。

但如果我們還是想在div append到DOM時做一些事情該怎麼辦呢?有人會說那就在append到DOM的程式碼後面加不就行了,但這樣會每個append地方後面都得一一寫上,好麻煩。

例如

<div>
   <p>我有一只小毛驴,我从来也不骑。</p>
</div>

假設我想在上面內容載入後,彈出「我是小驢子」提示框。

借花獻佛

我還是想用onload事件處理,我們也知道哪些標籤是支持,那麼就可以把程式碼改成:

<div>
   <p>我有一只小毛驴,我从来也不骑。</p>
   <style onload="alert(&#39;我是小毛驴&#39;)"></style>
</div>

這樣借用style標籤,只要div append到DOM,就可模擬觸發onload事件。 

本文來自 js教學 欄目,歡迎學習!  

以上是巧妙的為div、p標籤添加onload事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除