関数を呼び出すHTMLタグ<body onload="hoge()">について

解決済

質問者：skillpp
質問日時：2009/03/04 11:52
回答数：5件

ほぼ独学でJavaScriptを学んでいるので、一般的なコード（ＨＴＭＬ含め）の書き方が分かりません。
JavaScriptでは、ボタンや画像をクリックすると動作する、
というものが多いですが、そうではなくて、
（それはonclick等で関数を呼び出せば良いことは分かります）
時計のように、アクセスした瞬間から実行されるプログラムを複数書きたい時は、
どのようにするのが妥当でしょうか。
<body onload="hoge()">では、関数hoge()しか実行されないことになりますよね。
そうではなくて、hoge()以外にもいくつかの関数を実行したい時はどうするのが一般的ですか？
ここでＣ言語のように、hoge()をmain関数（int main(void){}）のような扱い方にすると、
hoge()関数内で呼び出されている関数も呼び出されることになりますが、そのような書き方で良いですか？
アクセスの効率の良さから考えて、他に良いやり方はあるでしょうか。

・・・前に困ったので<body>タグを２つ付けて２つの関数をonloadアトリビュートで呼び出すという、
奇々怪々なことをやってみて、それでIE7,FireFox3で動いていたので驚いたんですが、
そんなやり方はさすがに御法度ですよね(笑)。

答えにくい質問だと思いますが、アドバイスお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： fujillin
回答日時：2009/03/04 13:53

""の中がスクリプトなので、<body>タグを2個書かないでも、実行する関数の数が少ないのなら

<body onload="A(); B();">　みたいなのでもＯＫ。
あるいは window.onload を用いれば、<body>タグ内に書かないでもすみます。
（二重定義になると、後方優先になりますが…ANo2参照）

<html>
<head>
<script type="text/javascript">
window.onload = function(){
　　B();
　　A();
}
function A(){ alert("A"); }
function B(){ alert("B"); }
</script>
</head>
<body>

</body>
</html>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
総合して全てすんなりと理解できました。
これでこれから、

<body onload="hoge();piyo();"を使うか、
window.onload = function(){}でいくか、
<body onload="main()">として他のプログラミングのようにmain関数から他の関数を呼び出しまくるか、
あるいはNo2のような方法もあるからそうしてみるか（←あまり理解できていませんがｗ）、

という道が分かりました。本当に皆さんお答え下さりありがとうございました。

通報する

お礼日時：2009/03/04 15:34

No.4

回答者： grumpy_the_dwarf
回答日時：2009/03/04 13:51

普通にコマンドや関数を書き連ねればいいだけです。

たとえば、

<body onLoad="hoge();piyo()">

この回答への補足

ああ、そんな簡単な方法がｗ。
独学なので独りよがりになって落とし穴にハマってた気分ですｗ
参考になりました。ありがとうございます。

補足日時：2009/03/04 15:24

通報する

- 1
- 件

通報する

この回答へのお礼

上記の補足がお礼です。すみません。

通報する

お礼日時：2009/03/04 15:40

No.3

回答者： bkbkb
回答日時：2009/03/04 12:51

bodyタグ二つはマズイですね（笑）

今動いていても、ブラウザが変わっても動くという保証はありませんしね。

- 0
- 件

通報する

この回答へのお礼

やはりそうですね(笑)
たまたま動いてるって感じですよね。
ありがとうございます。

通報する

お礼日時：2009/03/04 15:24

No.2

回答者： _pipi_
回答日時：2009/03/04 12:13

//@cc_on

- 1
- 件

通報する

この回答へのお礼

とても詳しい解説ありがとうございました。
コードの中にはちょっとまだ分からない面もあるのですが、
window.onloadでも結局は難しい、
他の手といっても結構回りくどいコードになってしまう、
（No.5さんの意見を含め）ということがよく分かりました。
私はwindow.onloadにもっと上手い書き方があるのかと思っていましたが、
ダメなんですね・・・上書きされちゃうんですか。
変数の上書き（型変換含む）と同じですね。
例えば、
time = new Date();
month = time.getMonth + 1; //この時点でmonthは整数
if (month < 10) month = "0" + month; //ここでmonthが文字列になることがある
このあたり、JavaScriptは簡単に統一されていて、
むしろ分かり良いというのはありますが・・・

通報する

お礼日時：2009/03/04 15:22

No.1