2012年9月17日 星期一

Document和Window事件

ready()和()事件的主要差異是在時間上的不同,ready()事件是當DOM已經可以使用時觸發,相關檔案可能尚未完全下載;load()事件是當所有網頁文件都完全下載至瀏覽器時觸發。

  • ready():當HTML網頁下載,且DM已經建立和可以使用時觸發。 
  • load():當HTML網頁的相關檔案也已經下載時觸發,例如:圖片檔案。
  • error():當HTML請求收到錯誤時觸發。

ex:元素顯示連接錯誤的替代圖片
 $(document).ready(function() {
      $("img").error(function(){
          $(this).addClass('hidden');
         }).attr("src", "missing.png");
 });
上述img元素註冊error事件,當圖片無法正確載入時,使用addClass()方法套用hidden樣式類別隱藏原始元素,然後使用attr()方法重新指定img元素的src屬性值,第一個參數是屬性名稱,第二個參數為屬性值,即顯示替代圖片missing.png。

沒有留言:

熱門文章