js的image onload事件使用遇到的問題
想獲取的是 image 的 寬高值www.usus.cc。所以用 onload 方法。另外是獲取的遠端www.e78.com圖片。
但IE在第二次顯示圖片的時候,總是不走 onload 方法。程式碼:
var img = new Image();
img.src = "loading.gif";
img.onload = function(){
var iheight = img.height;
var iwidth = img.width;
};後來給xiaoniu同學看了後才知,img.src 應該是放在 onload 方法後邊的。。
後來google下,才發現原來此類問題大家多有總結。。我真是外行。。
因為 IE 在載入緩衝區資料的時候,沒有觸發 onload 方法,導致該事件內程式碼被忽略。FF 在載入緩衝區資料的時候,順帶觸發了 onload 方法。
其實還有點,就是onload的時候還要對圖片進行自適應調整,就發現,需要再 onload 裡還要對元素設定一次img.src。。。要不它只記得第一張圖。。。
對這個快取區還是一知半解。繼續。
相關推薦
在onload事件前獲取圖片的寬高
get 創建對象 UNC 後臺 set 避免 trap 記錄 val 有時候在獲取從後臺的圖片時,要對圖片進行一系列的處理,才渲染出來 我們要解決的是沒有緩存而又快速的相比onload更快的方式去獲取圖片的寬高,接下來上代碼 通過定時循環檢測獲取: // 記錄當前時間戳 v
onload事件與ready事件的區別,原生js與jquery的區別
onload事件與ready事件分別是原生js與jquery的入口函式 原生js入口函式寫法: window.onload=function(){ } jquery入口函式寫法: $(document).ready(function(){ }); 二者的區別主要有:  
onload 事件
onload 事件會在頁面或影象載入完成後立即發生。 1.window.onload出現的原因 a.頁面程式碼的載入順序是從上到下 b.我們通常使用js程式碼對頁面的某一模組進行操作,因此需要被操作的頁面程式碼必須在js程式碼載入之前 c.一個頁面通常有多個模組,或者需要呼叫多個方法
js新增onload事件的通用方法(共享onload事件)
讓函式在網頁載入完畢後立刻執行,網頁載入完畢時會觸發一個onload事件,這個事件與window物件相關聯。 在這裡,我推薦使用第三種方法,因為程式碼可以直接拷貝使用,把需要執行的函式加入到佇列裡就可
javascript--BOM的onload事件和onunload事件
1.onload事件 onload,頁面載入後執行,所謂頁面載入完成,指頁面上所有的元素建立完畢,引用的所有的外部資源(js、css、圖片)等下載完畢。 所以onload執行的比較晚,因為如果頁面上有好多好多圖片,它需要等這些圖片完成下載後才能執行。而寫在body後的< script ><
js onload事件不起作用
前一段事件遇到一個奇怪的問題,jsp頁面中寫一個onload事件,發現居然不起作用,檢視原始檔,bady的onload後居然沒有方法名??? <body onload="這裡居然是空的" bottommargin="0" leftmargin="0" topmar
javascript閉包理解之onload事件遍歷獲取陣列元素
我們在學javascript的時候是否遇到過這樣的程式碼,例如我們要在onload事件裡迴圈遍歷一個數組,對遍歷到的陣列元素進行操作。需要用到this物件,如下程式碼所示: onload = fu
JS中window.onload事件詳解
window.onload出現的原因? 我們都知道頁面的程式碼順序是從上往下進行載入,很多時候我們要對頁面中的某一個模組進行操作,這時候我們常常使用javascript程式碼來進行操作。為了能夠保
不在body標籤上載入onload事件,實現這種效果
<script for=window event=onload> alert("body or window onload"); </script> OR <script> window.onload=function(){ alert
js圖片快取即img的onload事件與complete屬性之間關係
在很多情況下需要快速的顯示圖片到頁面上。但是圖片載入是需要一定時間的。 這樣就需要對圖片進行預載入工作。 關鍵是img的onload事件與complete屬性。 onload是圖片載入完成執行的事件,complete屬性是圖片顯示出來以後為true。 那麼在onload之前
關於img的onload事件相容ie下的bug問題
我們都知道onload事件是在img載入完成後觸發的事件,但是ie下這個onload事件並沒有想像中的靈,特別是在ie7/ie6下,網上的解釋是ie因為快取關係造成的事件沒有被激發,因為ie這個東西喜歡非同步,所以由快取的問題,網頁獲取到圖片的時間極短(應該比程式碼解釋的
瀏覽器返回按鈕不會觸發onLoad事件
最近在做一個移動端專案,發現移動端某些返回和PC端是有差異的, 比如ios中返回按鈕是直接使用快取的, 不會執行任何js程式碼, 這個問題很蛋疼, 例如, 在提交的時候將按鈕設定為loading狀態, 如果在提交成功後沒有對按鈕進行處理, 那麼返回後按鈕依然是loadin
js的image onload事件使用遇到的問題
關於 Image 物件 onload 事件。 想獲取的是 image 的 寬高值www.usus.cc。所以用 onload 方法。另外是獲取的遠端www.e78.com圖片。 但IE在第二次顯示圖片的時候,總是不走 onload 方法。程式碼: var img = new
img onload事件
看了網上一些程式碼都不成功 下面特寫一段程式碼 首先,整一個地方把src存起來 <input type="hidden" value="http://aa.com/a.jpg" id="hidheadimgsrc" /> 再整一個圖片物件,先寫onload事件,
img.onload事件和img.complete屬性的簡介和應用
js部分:img.src="圖片"; img.onload=showImg; function showImg() { 程式碼部分。。。。 } 對於 complete 屬性來講,IE是根據圖片是否顯示過來判斷,就是說當載入的圖片顯示出來後,complete 屬性的值才為 true ,否則一直是 fal
python web py入門(41)- 頁面事件的onload事件
在前面學習了函式,函式可以在很多地方複用,但是在頁面裡嵌入JS是由事件觸發執行的,因此基於瀏覽器的JS開發,基本上就是響應事件處理。HTML4 增加了使事件在瀏覽器中觸發動作的能力,比如當用戶點選元素時
JS ready和onload事件 比較分析
3.執行先後順序不同 對於Body.Onload事件,是在載入完所有頁面內容才會觸發,我的意思是所有內容,包括圖片,flash等.如果頁面的這些內容很多會讓使用者等待很 長時間. 而對於$(document).ready()方法,這個方法只是在頁面所有的DOM載入完畢後就會觸發,無疑很大的加快了網頁的
【jQuery】onload事件,load(),ready()比較和使用
一、ready() :頁面DOM結構載入完成後觸發 $(document).ready(function(){...}); $().ready(function(){...}); $(function(){...});上面三種是一樣的,後面兩個是第一個的簡寫。 二
onload事件和ready方法的區別
$(document).ready()和window.onload在表面上看都是頁面載入時我們就去執行一個函式或動作,但是在具體的細節上$(document) ready()和window onload還是有區別的。1.執行時間window.onload必須等到
html body的onload事件詳解
瀏覽器是邊載入邊執行的,先載入head 再載入body。瞭解body的onload事件的執行時間是非常重要的。onload事件是在網頁載入完畢時執行的。當我們在JavaScript中想要操作某元素時而此元