スポンサーリンク
はじめに
HTMLファイルを作成
まず初めに、エディタでmain.htmlファイルを作成し、以下のコードを記述してください。
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <head> <title>JavaScriptで文字列を表示</title> </head> <body> </body> </html> |
文字列を出力
document.write()で表示
JavaScriptを使用して文字列を表示するために「document.write()」を使用します。
実践してみよう
先ほど、作成したHTMLファイルの<body>…</body>の間に以下のコードを記述して保存してみましょう！！
1 2 3 4 5 | <body> <script type="text/javascript"> document.write("Hello World"); </script> </body> |
動作確認
main.htmlをブラウザで表示してみると以下のように「Hello World」と表示されますね。
実行結果
ここでは、HTMLファイルにJavaScriptのプログラムを記述しましたが、JavaScriptのプログラムをJavaScriptファイルにしたい場合は、以下をご覧ください。
外部のJavaScriptファイルを読み込んで実行する方法 はじめに 以下のJavaScriptで文字列を表示するプログラムをHTMLファイルのbodyタグに書いているのですが、それを外部...
おまけ
上記の文字列を表示するプログラムで、「Hello World」の文字を「"(ダブルクォーテーション)」で囲っていたと思います。
これは、以下のように「'(シングルクォーテーション)」でも問題ないです。興味があればぜひ試してみてください。
ABOUT ME
スポンサーリンク
