jQuery:載入內容

更新於 發佈於 閱讀時間約 2 分鐘
jquery載入內容方式有兩種:
第一種是你網頁內容物件載入正確之後才執行,程式碼如下:
$(document).ready(function(){
  //內容
});
第二種是全部的網頁內容載入後才執行,程式碼如下:
$(window).load(function() {
  //內容
});
以下為範例:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQUERY</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
  <script>
      $(window).on('load', function() {
          console.log('load');
      });
      $(document).ready(function() {
          console.log( "ready!" );
      });
  </script>
</head>
<body>
</body>
</html>
在這個情況下因為沒有甚麼資源需要讀取
所以第二種的速度會優於第一種
但我自己寫了這幾年以來
大多都是以第一種方式居多
第二種方式比較少用到
以前的編輯器都沒有一些指令與記憶的功能
我都會另外把這些東西複製在某個地方方便複製貼上(這就是這篇文章之前為什麼會出現的原因)
現在編輯器進步很多,基本上是不用這樣做了
但還是簡單分享一下喔
參考資料:
1.https://ithelp.ithome.com.tw/articles/10092601
2.https://blog.miniasp.com/post/2010/07/24/jQuery-ready-vs-load-vs-window-onload-event
avatar-img
0會員
3內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
林信嘉的沙龍 的其他內容
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
離開專職數個月後,再次進辦公室,竟然有新生入學的陌生感。 中年的I人,觀察自己有些趣味的發現。
「啟發筆記」由「摘錄」+「 自由寫作 」兩個部分構成。 「摘錄」的部分是指你閱讀的「文章」「書本」上的原汁原味內容, 你需要將原文一字不漏照抄,以避免斷章取義或者轉述上出現落差。 而「自由寫作」則是你做完「摘錄」後, 馬上紀錄自己心中的想法, 抓住自己各種念頭, 用寫作讓他們現形成文字,
Thumbnail
在現代數位時代,我們習慣於直接打開簡報軟體,快速輸入想法,添加圖片和動畫,希望能製作出一份令人驚豔的簡報,可是這種做法往往忽略了一個簡報的本質——傳遞資訊,與聽眾建立真實的連結。今天分享一招我自己也經常在用的方法:要準備簡報,就先別打開簡報(軟體)。 因為麻煩,反而精鍊 在開始製作簡報之前,
Thumbnail
使用靜態檔案下載 Bootstrap 的原因主要有以下幾點: 客製化:當你下載了 Bootstrap 的靜態檔案,你可以根據自己的需求來修改這些檔案。例如,你可以改變預設的顏色、字型大小、間距等,使其更符合你的網站風格。這是直接使用 CDN 所無法做到的。 效能優化:如果你的網站只使用 Boot
言行或態度上有意與無意去欺負、傷害別人的人,他們的張狂我直接穿過去觀到他們被覆藏的是痛苦與悲愴,然而欺凌盛氣下層是絕對的痛苦並不是本底質,本底仍然是清淨不動且無為的。
Thumbnail
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言,應用範圍廣泛,包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
Thumbnail
現代人面對來自工作、家庭的人際關係,緊湊的生活步調,很容易讓人身心疲憊,但是該面對的,該處理的仍是無法逃避!因此得有顆強大心,才能更有智慧解決問題,面對未來! 這次跟大家分享和迎熙老師接觸的一對一催眠療癒! 秘月聖地-迎熙老師 FB:https://www.facebook.com/iwal.
Thumbnail
獨自旅行不只自由,更是與內在自我好好對話的珍貴機會。本篇分享我在獨自旅行中安排的自省時光。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
離開專職數個月後,再次進辦公室,竟然有新生入學的陌生感。 中年的I人,觀察自己有些趣味的發現。
「啟發筆記」由「摘錄」+「 自由寫作 」兩個部分構成。 「摘錄」的部分是指你閱讀的「文章」「書本」上的原汁原味內容, 你需要將原文一字不漏照抄,以避免斷章取義或者轉述上出現落差。 而「自由寫作」則是你做完「摘錄」後, 馬上紀錄自己心中的想法, 抓住自己各種念頭, 用寫作讓他們現形成文字,
Thumbnail
在現代數位時代,我們習慣於直接打開簡報軟體,快速輸入想法,添加圖片和動畫,希望能製作出一份令人驚豔的簡報,可是這種做法往往忽略了一個簡報的本質——傳遞資訊,與聽眾建立真實的連結。今天分享一招我自己也經常在用的方法:要準備簡報,就先別打開簡報(軟體)。 因為麻煩,反而精鍊 在開始製作簡報之前,
Thumbnail
使用靜態檔案下載 Bootstrap 的原因主要有以下幾點: 客製化:當你下載了 Bootstrap 的靜態檔案,你可以根據自己的需求來修改這些檔案。例如,你可以改變預設的顏色、字型大小、間距等,使其更符合你的網站風格。這是直接使用 CDN 所無法做到的。 效能優化:如果你的網站只使用 Boot
言行或態度上有意與無意去欺負、傷害別人的人,他們的張狂我直接穿過去觀到他們被覆藏的是痛苦與悲愴,然而欺凌盛氣下層是絕對的痛苦並不是本底質,本底仍然是清淨不動且無為的。
Thumbnail
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言,應用範圍廣泛,包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
Thumbnail
現代人面對來自工作、家庭的人際關係,緊湊的生活步調,很容易讓人身心疲憊,但是該面對的,該處理的仍是無法逃避!因此得有顆強大心,才能更有智慧解決問題,面對未來! 這次跟大家分享和迎熙老師接觸的一對一催眠療癒! 秘月聖地-迎熙老師 FB:https://www.facebook.com/iwal.
Thumbnail
獨自旅行不只自由,更是與內在自我好好對話的珍貴機會。本篇分享我在獨自旅行中安排的自省時光。