外部ファイルにするとテキストが書き込めない

締切済

質問者：kotaron8
質問日時：2012/09/03 05:01
回答数：2件

こんにちは、javascript初心者です。
HTMLのtextarea内のテキストを変えたいのですが、HTMLにJSを埋め込むと動作するのですが、外部JSファイル読み込みだとなぜか何も表示されません。
なぜでしょうか。原因のわかる方、説明をどうかよろしくお願い致します。

●HTML
<head>
<script src="test.js" type="text/javascript"></script>
</head>
<body>
<form name="form1">
<textarea name="message" id="msg" rows="5" cols ="50"></textarea>
</form>
</body>
●JS
window.onload = message();

function message(){
alert("hello"); 　　　　　　　　　　　　 //←これはちゃんと動作します。
document.getElementById("msg").value="hello"; //← 動作せず。
document.form1.message.value="hello"; //← これも上と同じく片方ずつ試しましたが、ダメでした。
}

通報する

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

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： tenderfeel
回答日時：2012/09/03 12:53

一番簡単な方法：

↓これをbody閉じタグの上に移動して

<script src="test.js" type="text/javascript"></script>

↓jsの中身を変更する

function message(){
alert("hello"); 　　　　　　　　　　　　 //←これはちゃんと動作します。
document.getElementById("msg").value="hello"; //← 動作せず。
document.form1.message.value="hello"; //← これも上と同じく片方ずつ試しましたが、ダメでした。
}
message(); //←実行するだけ

で動くようになりますよ。

<head>で読み込む外部JSでwindow.onloadすると
大抵DOMの準備が終わる前に実行されるので、「#msgなんてtextareaは存在しない」というエラーが出ていると思います。
なのでbodyの中（一番最後）にファイルの読み込みと関数の実行を入れるか、
Loadの代わりにDOMContentLoadedを使ってdocument.readyStateをチェックするのがよく使われます。

- 0
- 件

通報する

No.1

回答者： luka3
回答日時：2012/09/03 11:51

≫window.onload = message();

window.onload = message;
が正しいと思うのですが、HTMLに直接書くとうまくいくという理由がはっきりしませんね。
処理の順番により、外部の時はdocumentの準備ができていない、といったところでしょうか。

別な書き方としては、
window.onload = function(){message();}
とか。