JavaScript PR

JavaScriptをhtmlに書く方法【JS】

記事内に商品プロモーションを含む場合があります

最近JavaScriptをもっと勉強したい意欲が強いので、めちゃめちゃ基礎の部分からいろいろ操作することまでブログで書いてみようと思います。
これからJavaScriptを勉強したい人、これどうするればええんやって人の参考になれば・・・(むしろ教えてください。

ではまず書き方からやっていく〜!

JavaScriptをhtmlに書く

JavaScriptは、htmlに直にで書くことも、別ファイルとして書くこともできます。
今回は、htmlにJavaScriptを書く方法を紹介します。

では早速書いてみましょう!

<script>
alert('にんじんみるく!');
</script>

こんな感じ!
JavaScriptは、scriptで囲むことでhtml内に記述することができます。

<script>
JavaScriptを記述
</script>

ちなみに最初の記述を追加することで、htmlを開くと「にんじんみるく!」と表示されるはずです。

HTMLに記載すると、すぐに試すことができるのでテストで行う際は楽ですね。

html内のJavaScriptの記述場所

基本的にどこにでも入れれますが、headかbody内に記述します。
最近だと「body」の最後に書くことが多いですね。

実際の本番環境の実装の際には、別ファイル化しておくほうが整理しやすいのと実行タイミングを図りやすいのでいいと思います。

「JavaScriptを別ファイル(外部ファイル)に書く【JS】」ではJavaScriptを別ファイルに記載する方法紹介しています。

ABOUT ME
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)