A verification on whether the image content load will block UI
- 2019 年 10 月 4 日
- 筆記
版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。
本文鏈接：https://jerry.blog.csdn.net/article/details/100849826
Created by Jerry Wang on Jun 21, 2015
source code:
<html> <div>Button <button type="button" onclick = "display()">Click Me!</button> </div> <img id="jerry_image" src= "http://chuantu.biz/t2/10/1434770977x1822613880.jpg"></img> <script src="jQuery/jquery1.7.1.js"> </script> <script> function display() { alert("button clicked!"); }; console.time("image"); $("#jerry_image").load(function() { console.timeEnd("image"); console.log("Jerry image load ok"); }); $(document).ready( function() { console.log("ok"); }); </script> </html>
在image load其content的24多秒鐘的時間段內，ui始終保持可操作狀態 – button可以點擊：
