javascriptを学ぼ。-- どこに書くの？

donguri

javascriptのコードを書いていくわけですが、HTMLのどの部分に書いていくのが良いのでしょうか？

それは好みの部分ではありますが、

【JavaScript入門】onloadイベントの使い方とハマりやすい注意点とは

を参考にされたら良いかと思います。書く場所によって読み込み方が違いますので、ちょっと間違えればあれあれとはまるポイントになってしまいます。

<!doctype html>
<html lang="ja">
<head>
	<meta charset="UTF-8" />
		<title>Document</title>
		
<!--  koko 1 -->
		
</head>
<body>
	
<!--  koko 2 -->
	
<h1>こんにちは</h1>

<!--  koko 3 -->

</body>
</html>

koko 1,2,3と場所がありますが、読み込み順があるのでDOMの操作を行う時、

getElementById
querySelector

なんかを使う時はまず、HTMLタグを読み込んでからでないとうまくいきません。エラーとなって何も起きません。

<!-- koko 3 -->

に書くとHTMLタグを読み込んだ後なので普通にスクリプトが実行されます。

<!-- koko 1 -->　<!-- koko 2--> 

の場合は

window.onload = function() {
ココにスクリプト、コードを書く
}

とすると実行されます。

気をつけましょう！

この記事が気に入ったらサポートをしてみませんか？