LoginSignup
2
0

More than 5 years have passed since last update.

初めてJavaScriptをやってみよー日記 ~1日目~

Last updated at Posted at 2017-09-06

はじめに

この記事は、JavaScriptを初めて使う自分が、自分のためにまとめた内容を載せています。
自分自身が分からないところもあるので、コメントなどでいろいろ言ってくださると嬉しいです。

日記の内容

  • html基本形
  • alert()
  • document.write()
  • コメント

html基本形

自分はこのhtmlのJavaScriptのファイル名(この場合だとTest.js)を書き換えて使っています。

<!DOCTYPE HTML>
<html lang=ja>
    <head>
        <meta http-equiv="Content-Script-Type" content="text/html" charset=utf-8>
        <meta http-equiv="Content-Script-Type" content="text/javascript">
        <title>Test</title>
    </head>
    <body>
        <script type="text/javascript" src="./JavaScript/Test.js"></script>
    </body>
</html>

追記
1つめの<meta>http-equivContent-Script-TypeからContent-Typeに訂正しています。
HTML5から<script>typeがデフォルトでtext/javascriptになったので消しています。

<!DOCTYPE HTML>
<html lang=ja>
    <head>
        <meta http-equiv="Content-Type" content="text/html" charset=utf-8>
        <meta http-equiv="Content-Script-Type" content="text/javascript">
        <title>Test</title>
    </head>
    <body>
        <script src="./JavaScript/Test.js"></script>
    </body>
</html>

alert()

alert関数。アラートを表示する。

alert("hello world")

追記
最後にセミコロンをつけました。
セミコロンがなくても正常に動作しますが、書いておいたほうがいいです。

alert("hello world");

image.png

document.write()

document.write関数。文章を1行を表示する。

document.write("hello world")

追記
最後にセミコロンをつけました。
セミコロンがなくても正常に動作しますが、書いておいたほうがいいです。

document.write("hello world");

image.png

コメント

JavaScriptでは下のようにコメントを書くことができる。

// コメント

/* コメント
コメント */
2
0
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0