javascript--BOM的onload事件和onunload事件

来源:https://www.cnblogs.com/WangYujie1994/archive/2019/01/10/10251175.html
-Advertisement-
Play Games

1.onload事件 onload,頁面載入後執行,所謂頁面載入完成,指頁面上所有的元素創建完畢,引用的所有的外部資源(js、css、圖片)等下載完畢。 所以onload執行的比較晚,因為如果頁面上有好多好多圖片,它需要等這些圖片完成下載後才能執行。而寫在body後的< script >< /scr ...


1.onload事件

onload,頁面載入後執行,所謂頁面載入完成,指頁面上所有的元素創建完畢,引用的所有的外部資源(js、css、圖片)等下載完畢。

所以onload執行的比較晚,因為如果頁面上有好多好多圖片,它需要等這些圖片完成下載後才能執行。而寫在body後的< script >< /script >中的代碼,它會在頁面上的元素創建完畢後就會執行。

onload不光可以用來判斷頁面是否載入完成了,所有的元素的都有onload事件。它還可以用來在標簽上設置標簽載入完成事件。

比如:< img scr='xxx' onload=function(){} />,當標簽載入完成了就可以做一件事情。可以給該標簽一個臨時圖片,當該標簽載入完成後,給它切換另一個標簽。

 

 

2.onunload事件

onunload頁面卸載時候執行,在onunload中,所有的對話框都無法使用,因為頁面被卸載,windows對象會被凍結,阻止類似alert()這種對話框的執行。

F5刷新的時候:

首先把頁面卸載

然後把頁面重新載入

當然,在關閉網頁的時候,也會發生onunload事件,可以在onunload中做一點事情,類似清空購物車等客戶不知道的操作。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 首先來解釋一下啥是事件冒泡現象 事件冒泡: 多個元素嵌套,有層次關係,這些元素都註冊了相同的事件,如果裡面的元素的出發了事件,外面的元素該事件也觸發 在這裡有必要強調一下 相同的事件 不一定完全相同 即 都是 點擊事件 或者 都是 滑鼠移入事件 來個例子 先寫出來這三個div的結構 再給他們寫好樣式 ...
  • 1.module、export、import是什麼,有什麼作用? 2.日常前端代碼開發中,有哪些值得用ES6去改進的編程優化或者規範? 3.請你談談Cookie的弊端? 4.git fetch和git pull的區別? 5.svn與git的區別? ...
  • 前言:講起前端,我們就不能不講CSS與Javascript,在這兩種技術廣泛應用的今天,他們的擴展也是層出不窮,css的擴展有Less、Sass、Stylus 等,js的超集有Typescript等。今天我們就簡單來聊聊Less與Typescript以及靜態模塊打包器webpack。 本節目標:本文 ...
  • 前言:什麼是ES6?ECMAScript 6(簡稱ES6)是JavaScript語言的下一代標準,已經在2015年6月正式發佈了。其中相比較於ES5新增了諸多的特性,並且ES6可轉換為ES5的語法。->線上ES6轉換為ES5工具。 本系列學習隨筆參考了阮一峰老師的《ES6標準入門》。 一、解構賦值簡 ...
  • Jquery是一個JavaScript的函數庫,Jquery是一個寫得少但做的多的輕量級JavaScript庫 Jquery用美元$定義. Jquery的action執行對元素的操作 文檔就緒函數: Jquery中的ready中的方法可以再HTML文檔完全載入完之後在運行其中的代碼 Jquey選擇器 ...
  • 本文由雲+社區發表,作者:韓偉 互聯網開發的核心問題 當我1999年進入互聯網行業工作的時候,華為剛剛通過了著名的CMM認證。當時作為一個小程式員,非常嚮往業界經典的軟體開發模式。因為看上去,如果企業實行了CMM,我們程式員就不用再天天為了老闆一個拍腦袋的主意而加班開發了,各種各樣的奇葩需求和無理變 ...
  • DTD
    DTD: 文檔類型定義 規定我們書寫的HTML使用哪一種規範。 ...
  • setTimeout() 可以理解為 定時炸彈 >隔一段事件執行,並且只會執行一次 函數語法: setTimeout(參數1,參數2) 參數1:待執行的函數,可以在方法裡面寫匿名函數,也可以在外面寫好函數,這裡直接傳入函數名 參數2:執行函數觸發到執行的時間間隔,單位是毫秒 1s=1000ms 返回 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...