HTMLにJava Scriptを入れる方法
HTMLを以下のように入力してみます。
まず、簡単にHelloと表示されるコードを記述します。
これを実行すると、以下のようにHelloとでます。
はい、Helloと実行できました。ここにJava Scriptをいれてみます。
一つ目、<body>のところにonload="alert('Hello');">と入力します。
はい、それではこちらをchromeで実行してみます。
このように、Helloと書いてある右側にもalertでHelloを表示することができました。今回<body>のところにonload="alert('Hello');">と追加しましたので、ページを開くと同時にHelloがでました。
次に、スクリプトタグを使う方法を紹介します。
<script type="text/javascript">と入力し、その下にalert("Hello)と書きます。
それでは実行してみます。
こちらも同じように出力されました。
違うコードですが、出力は同じです。
こちらのほうがデバッグしやすいのでおすすめです。
最後に、JavaScriptを外部ファイルとして組み込む方法を紹介します。
先ほどのコードを消して、<script src="index.js" charset="UTF-8"></script>と入力します。これは、index.jsの中身を実行するコードです。
それでは、その中身のファイルを作成していきましょう。
新しいファイルは、↓の図のところで「新しいファイル」をクリックします。
ここでindex.jsというファイルを作成します。
↓こんな感じで作成することができます。
このファイルにalert("Hello");と入力します。
先ほどと同様に実行します。
同じ結果を得ることができます。
この記事が気に入ったらサポートをしてみませんか？