JavaScript頁面加載事件實(shí)例講解
一、onload 加載事件
onload 是 window 對(duì)象的一個(gè)事件，也可以省略 window 直接使用。
常用方式：
<head><script>
windown.onload = function() {
// 方法體
}
</script><head>
這個(gè)事件是等待頁面加載完成之后，再執(zhí)行 <script> 標(biāo)簽的內(nèi)容。即頁面上所有的元素創(chuàng)建完畢，并且引用的外部資源下載完畢（js，css，圖片）
注意：該事件相比于在 <body> 中的 <script> 標(biāo)簽中的內(nèi)容執(zhí)行速度慢，因?yàn)?onload 需要等頁面加載完畢才執(zhí)行，而其他的當(dāng)頁面上的元素創(chuàng)建完畢后就會(huì)執(zhí)行。
onload 不僅僅可以應(yīng)用于 window，也可以用于其他的一些標(biāo)簽。
二、onunload 卸載事件
onunload 是卸載事件，當(dāng)頁面卸載的時(shí)候執(zhí)行。
Demo：
onunload = function () {
alert('歡迎下次再來'); // 報(bào)錯(cuò)： Blocked alert('歡迎下次再來') during unload.
console.log('bye bye');
}
當(dāng)我們按 F5重新加載頁面會(huì)發(fā)現(xiàn) alert 對(duì)話框會(huì)報(bào)錯(cuò)，并不會(huì)執(zhí)行，這是因?yàn)?onunload 事件中所有的對(duì)話框都無法使用，window 對(duì)象被凍結(jié)了。
上面的知識(shí)點(diǎn)很簡單，希望能夠給大家提供到幫助同時(shí)感謝大家對(duì)腳本之家的支持。+
相關(guān)文章
詳解element-ui 表單校驗(yàn) Rules 配置 常用黑科技
這篇文章主要介紹了element-ui 表單校驗(yàn) Rules 配置 常用黑科技，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
這篇文章主要為大家詳細(xì)介紹了Javascript事件驅(qū)動(dòng)編程的相關(guān)資料,通過經(jīng)典案例向大家介紹Javascript事件驅(qū)動(dòng)編程，需要的朋友可以參考下2016-01-01
微信JS SDK接入的幾點(diǎn)注意事項(xiàng)(必看篇)
下面小編就為大家?guī)硪黄⑿臞S SDK接入的幾點(diǎn)注意事項(xiàng)(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)異步上傳壓縮圖片，并立即顯示圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
9行javascript代碼獲取QQ群成員具體實(shí)現(xiàn)
22 行 JavaScript 代碼實(shí)現(xiàn) QQ 群成員提取器，如果沒有達(dá)到效果可能原因一是QQ版本升級(jí)了，二是博客里面的代碼也有些繁瑣2013-10-10
H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑指南
這篇文章主要給大家介紹了關(guān)于H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
JavaScript?發(fā)布訂閱模式（Publish/Subscribe?Pattern）是一種常用的設(shè)計(jì)模式，發(fā)布訂閱模式的核心思想是解耦事件的發(fā)生和事件的處理，本文將介紹?JavaScript?發(fā)布訂閱模式的基本原理、應(yīng)用場(chǎng)景以及各場(chǎng)景的代碼示例,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)留言板，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
JS實(shí)現(xiàn)點(diǎn)擊登錄彈出窗口同時(shí)背景色漸變動(dòng)畫效果
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊登錄彈出窗口同時(shí)背景色漸變動(dòng)畫效果,涉及JavaScript基于鼠標(biāo)事件及時(shí)間函數(shù)定時(shí)觸發(fā)形成漸變動(dòng)畫的相關(guān)技巧,需要的朋友可以參考下2016-03-03
這篇文章主要給大家介紹了electron-builder打包exe后白屏的解決方法,文中有相關(guān)的代碼示例供大家參考,具有一定的參考價(jià)值,需要的朋友可以參考下2024-01-01