Discussions

Qbodyタグはどこ!?onloadの実装方法

onloadを使って自動でjavascriptを動かしたい!!
bodyタグない!!!
どうしたら!!!!!

AAnswer to: bodyタグはどこ!?onloadの実装方法

ethertank

見当違いの回答でしたら御免なさい。

jsdoit 内でのお話でしたら、一見 body 内しか編集出来ないように見えますが、
以下の様に記述すれば body タグの属性も設定可能です。タグの大なり小なり記号は半角にして下さい。


<body onload="fn()">HTML 入力欄に記述</body>

/* JavaScript 入力欄に記述 */
function fn () { document.body.innerHTML = "世界のみなさんこんにちは"; }

出力画面内で右クリックしてフレームのソースを表示して、どの様に出力されているか確認してみてください。
…またそれ以外のケースで HTML 要素を直接編集出来ないような場合には、以下の様にする事で可能です。

document.onload = function () { alert("世界の皆さんこんにちは"); };

あるいは次の様に関数を分けて書いておくのも便利かもしれません。

function fn() { alert("世界の皆さんこんにちは"); };
document.onload = fn();
document.body.onclick = fn(); //分けて書いているので関数を二度書く必要が無い

あるいは次の様に。

window.addEventListener("load", function() {
alert("世界の皆さんこんにちは");
}, false);

スクリプトとHTMLは出来るだけ分離して書いておいた方が便利な事があったりするので、HTML の onload 属性を用いるより、後者を用いた方が良いかもしれません。addEventListener() はバージョンの古いインターネットエクスプローラーで動かないのでご注意ください。

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag