onload」HTML要素の使用方法

以下に、いくつかの方法とコード例を示します。

<body>要素内でonload属性を使用する方法:

<body onload="myFunction()">
<!-- ページのコンテンツ -->
</body>
<script>
function myFunction() {
// ここに実行したいコードを記述します。
}
</script>

JavaScriptのaddEventListenerメソッドを使用する方法:

<body>
<!-- ページのコンテンツ -->

<script>
window.addEventListener('load', function() {
  // ここに実行したいコードを記述します。
});
</script>
</body>

JQueryを使用する方法:

<body>
<!-- ページのコンテンツ -->

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(window).on('load', function() {
  // ここに実行したいコードを記述します。
});
</script>
</body>

これらの方法を使用することで、ページの読み込み完了後に任意の処理を実行することができます。例えば、特定の要素の表示/非表示の切り替え、データの読み込みや操作、外部APIの呼び出しなどがあります。

このような方法を使うことで、ウェブページの読み込み完了後に必要なアクションを実行できます。