2016-08-23 8 views
1

は、私は次のコードを持って言う:イメージのソースも設定していますか?

var img = document.createElement('img'); 
img.src = 'https://somePicture.png'; 

画像はすぐに私はDOMに画像を追加していない場合でも、元のデータがロードされますでしょうか?言い換えれば、ユーザーにイメージを表示しなくても実行されるimg.onload()を使用してコールバックを行うことはできますか?

答えて

3

はい、ソース属性を設定するとイメージが読み込まれます。

イメージにロードイベントをアタッチし、現在ページにない場合はソースアトリビュートを設定することもイメージのプリロード時に使用される最も一般的なアプローチで、イメージスワップ中にページが引き裂かれることを防ぎます。

4.7.1スクリプトが無効になっている閲覧コンテキストでimg要素

、ユーザエージェントは、直ちに、またはオンデマンドで画像を得ることができます。スクリプティングが有効になっている閲覧コンテキストでは、ユーザーエージェントは直ちにイメージを取得する必要があります。

イメージをすぐに取得するユーザーエージェントは、img要素のイメージデータをその要素がsrc属性で作成されるときはいつでも同期的に更新する必要があります。直ちにイメージを取得するユーザエージェントは、img要素のsrcまたはcrossorigin属性が設定、変更、または削除されているときはいつでも、img要素のイメージデータを同期的に更新する必要があります。

https://www.w3.org/TR/html5/embedded-content-0.html#the-img-element

関連する問題