首頁 > 開發者 > JavaScript
標籤：tle 物件導向 pre char img 連結 區別 alt blog
說明（2017.4.2）：
1. 在body中放一個img標籤，src連結一張圖片，那麼頁面會先讀取html的document文檔，然後再讀取外部資源（這裡沒加onload其實就是從上往下順序讀取）。
外部資源套件括匯入的js，css，圖片，音樂，視頻等等。
onload會將所有的資源套件括外部資源全部載入完成。
而jquery的ready只要載入完dom樹就完成了，裡面的圖片等資源有沒有載入無所謂。
1 <body>2 <img src="1.jpg">3 </body>
2. 如果img裡面的src為空白，就唯讀取了document。
3. 做一個測試，輸出圖片的寬高。
直接輸出image的高寬，結果顯示是0,0，當用image.onload的時候，顯示了真實高寬，因為onload是等所有資源都載入完畢了。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 </body> 9 <script type="text/javascript">10 // var image = document.createElement("img");11 // 另一種建立圖片的方法12 var image = new Image();13 image.src = "1.jpg";14 document.body.appendChild(image);15 // console.log(image.width + ", " + image.height);16 image.onload = function(){17 console.log(image.width + ", " + image.height);18 };19 </script>20 </html>
JavaScript進階 物件導向（10）--onload與jq中ready的區別
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
