A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/API/HTMLElement/load_event below:

HTMLElement: load イベント - Web API

HTMLElement: load イベント

Baseline Widely available

load イベントは、リソースを含む要素において、そのリソースが完全に読み込まれたときに発行されます。今のところ、対応している HTML 要素は、<body>、<embed>、<iframe>、<img>、<link>、<object>、<script>、<style>、<track> です。

メモ: 実際には load イベントは、HTMLBodyElement においては、 window.onload イベントの別名です。従って、load イベントは <body> 要素においては、その文書のすべてのリソースが読み込まれたかエラーになったときに、一度だけ発生します。しかし、わかりやすくするために、イベントハンドラーは HTMLBodyElement ではなく、window オブジェクトに直接取り付けることが推奨されます。

このイベントはキャンセル不可で、バブリングしません。

構文

このイベント名を addEventListener() 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

elt.addEventListener("load", (event) => { ... });
// または
elt.onload = (event) => { ... };
イベント型

一般的な Event です。

例

この例では、<img> 要素がリソースの読み込みに成功するたびに画面へ出力されます。

HTML 
<img
  id="image"
  src="/shared-assets/images/examples/favicon144.png"
  alt="MDN logo"
  width="72" />
<div><button onclick="reload()">Reload</button></div>
JavaScript 
const image = document.getElementById("image");
image.onload = () => {
  document.body.appendChild(document.createElement("div")).textContent =
    "loaded!";
};

function reload() {
  image.src = "/shared-assets/images/examples/favicon144.png";
}
結果 仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4